2010-12-07 14 views
0

私は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){ $( "#次")をスキップします。(関数(){ するvar NEX = link.eq(I + 1)をクリックします。 ATTR( 'のhref'); の$ F()(NEX)を再生;。 復帰はfalse; }); $( "#以前")をクリックします(関数(){ VAR前= link.eq(I -1).ATTR( 'のhref');。 の$ F()(事前遊ぶ); 復帰はfalse; });

+0

あなたは純粋なjavascriptまたはJqueryでそれをしたいですか? –

答えて

0
$("#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を選択してください。

+0

ありがとうelectronikLexikon、それは働いた! – nana

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")を持っているリンクでは動作し、それをクラスを与えます。それらのすべてをループする必要はありません。

関連する問題