javascript - 将全局变量传递给 jQuery 中的 $(document).ready 函数

Question

我有一个网站，每首歌曲都有特定的字母数字 ID，例如 57bfab618de4191 在 jQuery 播放器中，必须通过链接分配 MP3 歌曲。

jplayer的功能是这样的:

     $(document).ready(function (){
   function playAudio(val) {newVal=val}    

        $("#jquery_jplayer_1").jPlayer({
            ready: function (event) {
                $(this).jPlayer("setMedia", {
    mp3:"http://website.com/dlb.php?file="+newVal                       });
            },
            swfPath: "js",
            supplied: "mp3",
            wmode: "window"
        });
    });

我想为用户播放列表中存在的不同歌曲，因此我通过按钮 onClick 传递了歌曲 ID，如下所示

  onClick="playAudio(<?php echo "'".$songid. "'"; ?>)"  

其中歌曲ID是数据库中指定的歌曲的ID，例如57bfab618de4191

这样我可以传递值，但我无法将 playAudio 函数的参数传递给 document.ready 函数。

Answer 1

var val = 'whateveer'

function playAudio(nval) {
    var val = nval;
    $("#jquery_jplayer_1").jPlayer({
        ready: function(event) {
            $(this).jPlayer("setMedia", {
                mp3: "http://website.com/dlb.php?file=" + val
            });
        },
        swfPath: "js",
        supplied: "mp3",
        wmode: "window"
    });
}

不需要$(document).ready

---

如果您需要更改歌曲:

var val = '12345'; // your first song
$(document).ready(function() {
    $("#jquery_jplayer_1").jPlayer({
        ready: function(event) {
            $(this).jPlayer("setMedia", {
                mp3: "http://website.com/dlb.php?file=" + val
            });
        },
        swfPath: "js",
        supplied: "mp3",
        wmode: "window"
    });
});

function playAudio(nval) {
    var val = nval;
    $("#jquery_jplayer_1").jPlayer({
        "setMedia", {
            mp3: "http://website.com/dlb.php?file=" + val
        }
    });
    // --- OR ---
    $("#jquery_jplayer_1").changeAndPlay("http://website.com/dlb.php?file=" + val);
}

更多信息:

• Changing songs on jPlayer by clicking a link, hosted on Amazon S3
• http://www.jplayer.org/0.2.1/developer-guide/#jPlayer-change