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"
        });
    });

我想为用户播放列表中存在的不同歌曲，所以我通过这样的按钮传递了歌曲onClickID

  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);
}

更多信息：

• 通过单击 Amazon S3 上托管的链接更改 jPlayer 上的歌曲
• http://www.jplayer.org/0.2.1/developer-guide/#jPlayer-change

Answer 2

您需要使用可变范围。

var newVal = 'default_song_to_play_if_any';

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

//use this ready function only if you want to play a default song on load
$(document).ready(function(){
    playAudio(newVal); 
});