2009-05-25 21 views
0

私はYouTubeのホームページと同様の効果を達成しようとしています(ログインする必要がありますのでI posted a small movie to explain this):基本的なソート可能(垂直のみ)ですが、ソート可能なアイテムごとに "移動「上へ」および「下へ」ボタンを含む。これらのボタンは、まさにそれが言うことです:きちんとしたアニメーションで各アイテムを移動または移動します。と同様のソート可能

ソート可能と非常によく似ていると思います。アニメーションが完了した後、DOMが新しい位置で変更されたヘルパー(それはアニメーション要素です)を作成します。

だから、どんな考えも歓迎です!


私は火虫で小テストを行いました。私はこれで要素のクローンを作成することができます

$('.hslider:first').clone(true).insertAfter('.hslider:first') 

しかし、主な問題は、私は.hsliderの内部要素にバインドさいくつかのJSを持っているということです。それでもいくつかの作品を維持、他の(jqueryのUIスライダーのような)しないでください。 js全体を再初期化せずにこれを行う方法がありますか?私はjqueryのUIのソースを見てみましょうしようとしたが...私は何か役に立つをデコードできるようにするには、JS/jqueryの上で良いことないんだけど(はい、ソースは圧縮されていないだった:P)


編集:

私は似たようなhereが見つかりましたが、私は実際にはこの効果のために別の40キロバイトの+をロードする必要はありません(私はすでにjQueryのロードされている場合は特に)

あなたが利用可能 live()メソッドを使用していないのはなぜ

答えて

1

jQuery 1.3以降。そうすれば、新たに挿入された後でも要素が確実に保持され、イベントバインディングが保持されます。 Liveは、基本的にjsルーチンを既存の要素と将来一致するすべての要素にバインドします。余分なものをロードする必要はありません;)

+0

私はライブを使用することを許可しないツールチップやスライダーのようなものがあるため、ライブは適用されません:)。とにかくありがとう! –

関連する問題