點擊播放按鈕添加視圖

Question

目前我有以下代碼塊。

$(document).ready(function() { 
$("#player2").flatie({ 
    media: { 
    mp3: "http://example.com/uploads/tracks/181013770_166109597_2017017040.mp3" 
} 
    }).jPlayer("play"); 
}); 

我想讓它使得當用戶按下播放器上的播放按鈕時，它會生成一個生成視圖的命令。

adview.php是該文件的名稱，但我不確定如何使用javascript執行此操作。

Answer 1

如果我很好地理解你，用戶點擊某個按鈕後，你想加載已經創建的視圖？如果是這種情況，請嘗試以下操作：

$('#buttonThatNeedsToBePressed').click(function(){ 
    $('#elementInWitchYouWantViewToBeLoaded').load('path/to/adview.php');  
}); 

當然，請將這些選擇器調整爲DOM的元素。

Answer 2

您需要綁定到jPlayer的play事件，而不是添加Ognj3n提到的代碼。

<script type="text/javascript"> 

    $(document).ready(function() { 
    $("#player2").flatie({ 
     media: { 
     mp3: "http://example.com/uploads/tracks/181013770_166109597_2017017040.mp3" 
    } 
     }).jPlayer("play"); 
    }); 
    $("#player2").bind($.jPlayer.event.play, function(event) { 
     $('#elementInWhichYouWantViewToBeLoaded').load('path/to/adview.php'); 
    }); 
</script> 

如果您需要解除綁定的表演事件，可以這樣做也：

$("#player2").unbind($.jPlayer.event.play);