2011-12-29 9 views
1

は、ページ上の要素があるリンクからHREF属性値を取り出す方法は?

<a class="openDialog" data-dialog-id="playDialog" data-dialog-title="Audio" href="/Home/Play/id?media/track.mp3">Play Audio</a> 

ユーザーがそれをクリックすると作成され、モデルのダイアログは、jPlayerは... <上でこのダイアログ の内側作成>私はhrefの値を取得するにはどうすればよい文書レディ機能 で ソース要素から? つまり、私はこの値を取得し、このファイル名をプレーヤーに渡したいと思います。 他のより良い方法が存在する可能性がありますか? ...

$(document).ready(function() { 
$("#jquery_jplayer_1").jPlayer({ 
      ready: function() { 
// here 
       var fname1 = $(this).attr("title"); 
       console.log('** title=' + fname1); 

       $(this).jPlayer("setMedia", { 
        mp3: fname1 
       }).jPlayer("play"); 
      }, 
      ended: function (event) { 
       $(this).jPlayer("play"); 
      }, 
      swfPath: "swf", 
      supplied: "mp3" 
     }) 
    .bind($.jPlayer.event.play, function() { // pause other instances of player when current one play 
     $(this).jPlayer("pauseOthers"); 
    }); 
    }); 

例、私は1つのページ

<br/> 
<a class="openDialog" data-dialog-id="playDialog1" data-dialog-title="Audio1" href="/Home/Play/id?media/track.mp3">Play Audio</a> 
<br/> 
<a class="openDialog" data-dialog-id="playDialog2" data-dialog-title="Audio2" href="/Home/Play/id?media/track1.mp3">Play Audio1</a> 

上の要素を持っており、ユーザーがこのリンクをクリックしたときに、私はこの選手モデル]ダイアログボックスを作成します。問題は、プレイヤーを作成するこのスクリプトの内部のソースリンクからhrefまたはtitleを取得する方法です。

他の質問:どのようにプレーヤーの対話のタイトルを得ることができますか?その後、私は、ダイアログ

+0

あなたはjQueryの-UIのダイアログを使用していますか? – Lloyd

答えて

0

をcreeated何のリンクから取得できますがatributesを取得するためにjqueryの上でデ.ATTR()関数を使用することができEX値:

$('.openDialog').click(function(e){ 
    e.preventDefault(); 
    var href = $(this).attr('href') 
$("#jquery_jplayer_1").jPlayer({ 
      ready: function() { 

       console.log('** title=' + fname1); 

       $(this).jPlayer("setMedia", { 
        mp3: href 
       }).jPlayer("play"); 
      }, 
      ended: function (event) { 
       $(this).jPlayer("play"); 
      }, 
      swfPath: "swf", 
      supplied: "mp3" 
     }) 
    .bind($.jPlayer.event.play, function() { // pause other instances of player when current one play 
     $(this).jPlayer("pauseOthers"); 
    }); 
}); 
関連する問題