点击播放按钮添加视图

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