1

jquery と jquery mobile を使用してサイトを構築しています。

ユーザーがいくつかのフィルターを入力できる画面があり、入力が変更されると、いくつかのイベントがトリガーされます。

問題は、入力フィールドが次のように定義されていることdata-type="search"です。

<input placeholder="Filter items..." data-type="search" class="filter" value="" I18N="FILTER_ITEMS" data/>

そのため、Jquery モバイルは、検索フィールドをクリアするための「X」アイコンを自動的に追加します。

検索フィールド

私のjsでは、変更イベントを入力フィールドにバインドしているため、ユーザーがフィールドからタブを外すとトリガーされます:

$('.textFilter .filter').change(function(){
            FILTER_OBJ.addTextFilters($(this));
 });

しかし、ユーザーがjquery mobileによって追加された「X」ボタンをクリックしたときにもトリガーされるため、「X」ボタンによっていつトリガーされたのかを知るにはどうすれば無視できますか?

4

1 に答える 1

0

Xユーザーがフィールドを手動で空にする場合と比較して、クリックによって消去されるデータに違いはありません。

どちらのアクションも入力ボックスからデータをクリアするため、変更イベントのトリガーと同じ処理の両方に意味があります。

元の投稿のコメントの返信で指摘したように、空の値をチェックするために追加したコードは、どのアクションによって入力ボックスが空になったかに関係なく機能するはずです。

于 2012-08-30T15:47:06.377 に答える