2014-11-18 4 views
0

Я работаю на веб-приложение, Вот смотрите на ниже этого Jquery кодов:Как вызвать URL-адрес в jquery из метки привязки?

$(document).ready(function() { 

    var myPlaylist = new jPlayerPlaylist({ 
     jPlayer: "#jplayer_N", 
     cssSelectorAncestor: "#jp_container_N" 
    }, [ 
     { 
      title: "<Here is song title>", 
      artist: "<here is artist>", 
      mp3: "Here is song URL", //Here i want to call URL from anchor tag.. 
      poster: "images/m0.jpg" 
     } 
    ], { 
     playlistOptions: { 
      enableRemoveControls: true, 
      ................ 
      ................ 

Теперь вот мой HTML-код, я хочу играть эту музыку:

<a href="Music/Linkin_park.mp3">Play Linkin park</a> 

<a href="Music/Linkin_park2.mp3">Play Linkin park2</a> 

<a href="Music/Linkin_park3.mp3">Play Linkin park3</a> 

Что должен я использовать в этой ситуации?

ответ

0

Вы попробовали следующее?

<a id="lp1" href="Music/Linkin_park.mp3">Play Linkin park</a> 
<a id="lp2" href="Music/Linkin_park2.mp3">Play Linkin park2</a> 
<a id="lp3" href="Music/Linkin_park3.mp3">Play Linkin park3</a> 

А затем вызвать $("#lp1").click(); с методом OnClick() для воспроизведения каждой песни.


Или, может быть, вы искали что-то вроде этого:

var songtoplay = $("#lp1").attr("href"); 

$(document).ready(function() { 

var myPlaylist = new jPlayerPlaylist({ 
    jPlayer: "#jplayer_N", 
    cssSelectorAncestor: "#jp_container_N" 
}, [ 
    { 
     title: "<Here is song title>", 
     artist: "<here is artist>", 
     mp3: songtoplay, 
     poster: "images/m0.jpg" 
    } 
], { 
    playlistOptions: { 
     enableRemoveControls: true, 
     ................ 
     ................ 
+0

Вы просто перевернули ситуацию по-другому .. а я предпочел бы, чтобы скопировать URL непосредственно в JQuery код. Но допустим, пусть у меня есть три якорных тега в браузере, и я хочу играть все эти три песни. Что вы будете делать в этом случае? – raaaaaa

+0

Можете ли вы elaoborate более подробно ..? – raaaaaa

+0

Я отредактировал свой ответ. – Wang

0

Вы можете получить URL с помощью следующего кода $("#identifier").attr("href");

Поскольку я не знаю структуру вашего приложения я предлагаю вы делаете foreach через все a Элементы

0

Пожалуйста, попробуйте

$("a").click(function(event) { 
event.preventDefault(); 
alert($(this).attr('href')); 
}); 

Надеется, что это будет какой-то помощь

Счастливого обучения :)