Question

当用户点击它时，我将音乐播放器固定在底部并使用播放按钮缩略图更改为停止按钮。播放按钮有效，但停止不起作用。我的HTML代码是：

<div class="pos-rlt">
    <div class="bottom"> <span class="badge bg-info m-l-sm m-b-sm">04:08</span> </div>
    <div class="item-overlay opacity r r-2x bg-black">
       <div class="text-info padder m-t-sm text-sm"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o text-muted"></i> </div>
       <div class="center text-center m-t-n"> <a href="#"data-toggle="class"><i data-jp-src="songs/18.mp3" class="icon-control-play i-2x text"></i><i class="icon-control-pause i-2x text-active"></i></a> </div>
       <div class="bottom padder m-b-sm"> <a href="#" class="pull-right"> <i class="fa fa-heart-o"></i> </a> <a href="#"> <i class="fa fa-plus-circle"></i> </a> </div>
    </div>
    <a href="#"><img src="images/p1.jpg" alt="" class="r r-2x img-full"></a> 
</div>

我的java脚本：

$(document).on('click', '[data-jp-src]', function(e){
  e && e.preventDefault();
  var music = {};
  music.title = "18 - One Direction"
  music.mp3 = $(this).attr('data-jp-src');
  music.ogg = "http://all.com/18.ogg"
  myPlaylist.add(music);
  myPlaylist.play(-1);

我尝试添加

$("#icon-control-pause i-2x text-active").click( function() { 
$("#jplayer_N").jPlayer("pause, 0");
});

其中icon-control-pause i-2x text-active是停止按钮类并且jplayer_N是我的播放器的ID。

问候

奈

点击停止在Jplayer中

0 个答案: