Question

页面上有元素

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

当用户点击它时，然后创建模型对话框，在此对话框内创建jPlayer on＆lt; ...＆gt; 在文件就绪功能我如何从源元素中检索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");
    });
  });

示例，我在一个页面上有元素

<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，这将创建播放器。

或者另一个问题：如何获得玩家对话的标题？然后我可以从哪个链接中检索到对话框

Answer 1

你可以在jquery上使用de .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");
    });
});

如何从链接中检索HREF属性值？

1 个答案: