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播放按鈕操作

回答

相關問題