播放列表上一个/下一个答案

【问题标题】：playlist prev/next播放列表上一个/下一个
【发布时间】：2011-05-21 14:45:48
【问题描述】：

我使用 FLOWPLAYER 我有一个播放列表，但我不使用他们的播放列表插件。我有 PREV/NEXT 按钮，所以我可以互相导航。

演示 :: http://baazooka.com/_ext/flowplayer/index.html

    $("#clips a").each(function(index){

    $("#next").click(function(){
    var nex = $("#clips a").next().attr('href');
          $f().play(nex);
          return false;
   });
   $("#previous").click(function(){
    var pre = $("#clips a").prev().attr('href');
          $f().play(pre);
          //return false;
   });

});

但它只能工作一次。 #next 和#previous 的值保持相同的值。它不会递增或递减。

我在下面找到了这个，但仍然不起作用。它会跳过视频...

   var link = $("#clips a");

link.each(函数(i){ $("#next").click(函数(){ var nex = link.eq(i+1).attr('href'); $f().play(下一个); 返回假； }); $("#previous").click(function(){ var pre = link.eq(i-1).attr('href'); $f().play(pre); 返回假； });

【问题讨论】：

你想用纯 JavaScript 还是 Jquery 来做这个？

标签： jquery next playlist

【解决方案1】：

我不确定我是否完全理解您想要什么。我假设你有循环在那里是有原因的。但是，我猜你想引用你正在循环的当前链接实例而不是 $("#clips a") - 这不是一个迭代器。

$("#clips a").each(function(index){
    var link = $(this);

    $("#next").click(function(){
    var nex = link.next().attr('href');
          $f().play(nex);
          return false;
   });

   $("#previous").click(function(){
    var pre = link.prev().attr('href');
          $f().play(pre);
          //return false;
   });
});

如果您只想对正在播放的元素执行此操作，请给它一个“正在播放”类，并且只使用具有该类$("#clips a.playing") 的链接。无需遍历所有这些。

【讨论】：

【解决方案2】：

$("#clips a").each(function(index){
  $("#next").click(function(){
    var nex = $("#clips a.playing:first").next().attr('href');
    $f().play(nex);
    return false;
  });
  $("#previous").click(function(){
    var pre = $("#clips a.playing:first").prev().attr('href');
    $f().play(pre);
    return false;
  });
});

只选择.playing，而不是所有链接。

【讨论】：