2013-05-22 2 views
0

элемент для добавления (в spesific Div ребенка):Append объект определенного динамического сНу JQuery

<object width="305" height="20" data="player.swf" type="application/x-shockwave-flash"> 
<param value="transparent" name="wmode"><param value="player.swf" name="music"> 
<param value="mp3=http://linkfrom/a/songs.mp3&amp;loop=1&amp;autoplay=1&amp;showvolume=1&amp;autostart=true&amp;width=305" name="FlashVars"> 
</object> 

в один из этого идентификатора.

<div id="div1"> 
<a id="link1" href="http://linksto.com/songs1.mp3">hide</a> 
<div id="showhere1"></div> 
</div> 
<div id="div2"> 
<a id="link2" href="http://linksto.com/songs2.mp3">hide</a> 
<div id="showhere2"></div> 
</div> 
<div id="div3"> 
<a id="link3" href="http://linksto.com/songs2.mp3">hide</a> 
<div id="showhere3"></div> 
</div> 

сказать я нажмите первую ссылку с идентификатором = «link1» новый элемент будет добавлен внутри и текст ссылки будут изменения в «шкуру». смотри пример после щелчка:

<div id="div1"> 
<a id="link1" href="http://linksto.com/songs1.mp3">hide</a> 
<div id="showhere1"><object data="player.swf" type="application/x-shockwave-flash"><param value="transparent" name="wmode"><param value="player.swf" name="music"><param value="mp3=http://www.radiosalomon.si/scripts/player/7.mp3&amp;loop=1&amp;autoplay=1&amp;showvolume=1&amp;autostart=true&amp;width=305" name="FlashVars"></object></div> 
</div> 
<div id="div2"> 
<a id="link2" href="http://linksto.com/songs2.mp3">show</a> 
<div id="showhere2"></div> 
</div> 
<div id="div3"> 
<a id="link3" href="http://linksto.com/songs2.mp3">show</a> 
<div id="showhere3"></div> 
</div> 

ответ

0

Если я не ошибаюсь, вы хотите добавить игрока после каждой ссылки. Для этого вы можете использовать следующий сценарий:

jQuery('a').click(function(){ 
    event.preventDefault() 
    var id = jQuery(this).attr('id'); 
    if(jQuery(this).text() == 'show'){ 
     console.log(jQuery(this).next('div')); 
     jQuery(this).next('div').html('<object data="player.swf" type="application/x-shockwave-flash"><param value="transparent" name="wmode"><param value="player.swf" name="music"><param value="mp3=http://www.radiosalomon.si/scripts/player/7.mp3&amp;loop=1&amp;autoplay=1&amp;showvolume=1&amp;autostart=true&amp;width=305" name="FlashVars"></object>'); 
     jQuery(this).text('hide') 
    }else{ 
     jQuery(this).next('div').html('') 
     jQuery(this).text('show') 
    } 

}); 

Вы можете изменить значение объекта в соответствии с вашим кодом.

Вот демо: http://jsfiddle.net/xEKcz/

Надеется, что это поможет.

+0

ваш код выглядит отлично, но он не работает с моим предыдущим html-кодом, когда я нажимаю ссылку на него прямо в mp3-ссылку. ваша ссылка на http://jsfiddle.net/xEKcz/ тоже не работает. – dimsdims

+0

Ваш предыдущий html отличается от того, что я использовал в скрипке? –

+0

нет, я использую тот же HTML-код. Это просто, когда я тестирую ссылку, которую вы дали, тоже не работает. поэтому я нажал на ссылку «скрыть» напрямую, чтобы получить доступ к mp3, он должен открыть флэш-плеер. – dimsdims