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

点击播放按钮添加视图

2 个答案: