ttwMusicPlayer播放按钮操作

我在我的网站上使用ttwMusicPlayer。它的使用非常简单。ttwMusicPlayer播放按钮操作

<div id='mainPlayer'></div>

在HTML 和JS

$('#mainPlayer').ttwMusicPlayer(myPlaylist, { 
       autoPlay:false, 
       description:description, 
       jPlayer:{ 
        swfPath:'path where jPlayer.swf is' //You need to override the default swf path any time the directory structure changes 
       } 
      });

这很容易，我现在好看的球员。但是我想在它的播放按钮上添加一些操作。（我想从服务器和soundcloud发挥能力）。这里是玩家的播放按钮的div代码：

<div class="play jp-play" style="display: block;"></div>

于是我这样做当然

.on('click','.jp-play',function(){ 
    alert("Works"); 
});

的$(document).ready()后，然后点击播放按钮播放音乐后，但没有警报。我如何覆盖它的默认操作？

来源

2015-06-14 Sergey Scopin

这里是你如何能做到这一点：

$(document).on($.jPlayer.event.play, function(e){ 
    console.log("play!"); 
    alert("Works"); 
});

它使用jPlayer事件play。

其他支持的事件类型的描述如下：http://jplayer.org/latest/developer-guide/#jPlayer-event-type

完整的示例：JSFiddle

来源

2015-06-14 15:31:15 dekkard

伟大，我只是测试你的答案。 –

好的，我如何防止音乐播放呢？有警报，但音乐仍在播放，而e.preventDefault（）不起作用。 –

如果您需要完全禁用播放按钮的任何点击操作，只需执行'''.off（'click'）'''。看到更新的小提琴http://jsfiddle.net/dekkard/x4zua2d1/ – dekkard

ttwMusicPlayer播放按钮操作

回答

相关问题