私は3つのリストを持っています。各項目にはボタンのツールバーがあります。リストは、ステージ、ライブ、固定されています。トグルボタンを使ってリスト間で項目を移動しようとしています。下のjsfiddleの例からもわかるように、ボタンを持って項目を移動していますが、私はいくつかの助けを得ることを望んでいた2つの問題に遭遇しました。私は視覚的な学習者です、私は運のない例としてStackoverflowとGoogleの全面を見ました。jQuery:複数のリスト間で項目を移動するための切り替えボタン
備考 - 編集ボタンとゴミ箱ボタンはアイテムを移動しません。各変更をコミットするために、各トグルアクション内でajax呼び出しを実行します。これをjsファイルに書き留めました。
実施例:http://jsfiddle.net/RuRdZ/3/
問題:
1 - ボタンをクリックすると、例えば上演リストに「ライブしてください」、項目が適切にライブリストに移動しますが、このアイテムのボタンは無効になっているように見えます。移動後、アイテムを削除したり、再度ステージングすることはできません。これは私の目標がページをリフレッシュしないことであるため、問題になります。
2 - リストからリストに項目を移動するときに、適切なボタンを消滅/表示させる方法を見つけようとしていました。例えば、私がステージ上のアイテムをライブにすると、アイテムが動いたときに、私は「生きている」ボタンを隠して「ステージ」ボタンを表示したいと思います。私はいくつかのことを試しましたが、私は正しいセレクタを使用しているとは思いません。各見出しには、各リストに表示される適切なボタンがリストされています。
ありがとうございました!
アイリッシュ - ありがとうございます、あなたのソリューションは私よりもはるかに簡単であり、より理にかなっています。 2つの質問、doActionに一度に複数の 'buttonsToHide'クラスを渡すにはどうすればよいですか?私は( 'liveButton'、 'stagedButton')と他のバリアントを試しましたが、私は1つのクラスだけをトグルすることができます。最後に、最初にいくつかのボタンを隠しておくべき正しい構文ですか?ここに私の更新されたコードを見てください:http://jsfiddle.net/MZyRS/ もう一度ありがとう! –
私は週末に多くの試行錯誤を繰り返しましたが、私は仕事をすると信じているコードの新しいバージョンを持っていると思います。唯一の問題は、JSLintに暗黙のグローバルエラーがあると言われています。これを真剣に受け入れるべきかどうかは分かりません。それにもかかわらず、このコードは安定して見えますか? http://jsfiddle.net/TaepQ/アドバイスがありがとうございました!ありがとうございました! –
コードはOKですが、ボタンに 'actButton'のようなadditioanlグローバルクラスを与えてから、すべてを一度に非表示にすることができます$( '。actButton')。 1つのグループに属するボタンでも同じです。例えばstageButton、pinButton、次にそれらを別々に呼び出す必要はありません – Irishka