2016-03-18 10 views
3

をフィルタリングした後、私はここで見ることができます(firedevs jqueryのkeynavプラグインを使用して)、単純な矢印キーのナビゲーションリストを作っています https://output.jsbin.com/zowowoは、jQueryのが唯一の目に見えるアイテムをナビゲート

編集するには: https://jsbin.com/zowowo/edit?html,css,js

それは右の作品連絡先グループ1または2のメニューをクリックして.toggle()を使用してリストをフィルタリングした後も、削除済み/非表示のリスト項目をナビゲートしています。代わりに.remove()を使用してみましたが、同じ問題が残ります。私はそれを動作させることができる唯一の方法は、別のhtmlのページを完全にリフレッシュすることでした。

フィルタリング後に表示されたアイテムのみをナビゲートするだけで、削除したアイテムはナビゲートできないようにしたいと考えています。 1つのアイデアは、削除するのではなく隠すようにし、スクリプトのチェックでそれが見えるかどうかをチェックし、そうでない場合は無視しますが、フロントエンドを初めて使ったので、それを達成する方法はわかりません。おそらく結果を達成するためのさまざまな方法があります。

いくつかのフロントエンドプロがいくつかの光を放つことができれば本当にありがとう!ありがとう!

答えて

1

男、これは問題だったのですか?

まず、関数内でeupdate(外部更新の略)メソッドを作成しました。

次に、クリックイベントを編集して、現在の選択がクリック後に表示されているかどうかを確認し、そうでなければ最初の表示要素を現在のものにします。 メソッド内にリセット電流を追加する必要がありました。

ここで見つけるの出力を見てください:ここ

https://output.jsbin.com/zegirid

編集可能なバージョン:

https://jsbin.com/zegirid/1/edit?html,css,js,console,output

私は私が何をしたかを示すために、いくつかの表記を追加しました。

+0

私はちょうどあなたの解決策を見て、それは素晴らしいです!私は何か新しいことを学びました..これは本当にありがとうございました。 –

+0

問題ありません。挑戦してくれてありがとう。 –

関連する問題