播放列表上一个/下一个

Question

我用的是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(function(i){
$("#next").click(function(){
 var nex = link.eq(i+1).attr('href');
      $f().play(nex);
      return false;
});
$("#previous").click(function(){
 var pre = link.eq(i-1).attr('href');
      $f().play(pre);
      return false;
});

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

如果您只想对正在播放的元素执行此操作，请为其指定“playing”类，并且仅使用具有该类 $("#clips a.playing") 的链接。无需循环所有这些。

Answer 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，而不是所有链接。