將全局變量傳遞給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);
}

更多信息：

• 通過單擊托管在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); 
});