問題タブ [quick-search]

jquery quicksearch を使用してテーブルをすばやく検索する大きなテーブルを含むページがあります。書かれているこの関数は、Chrome、FF、および IE8 では正常に動作しますが、IE9 では失敗します。実際、$(document).ready() の残りの部分が完了しないような方法で失敗したようです。これをIE9で機能させるために何を変更できるかについてのアイデアはありますか?

編集:IE9コンソールのこのエラーが問題のようです:

SEC7112: MIME タイプの不一致により、 https ://raw.github.com/riklomas/quicksearch/dev/jquery.quicksearch.js からのスクリプトがブロックされました

あとは直し方を考えるしかない！

EDIT2: ファイルはローカルでホストされています。これを提案したコメンターに-回答として追加してください。正しいとマークします。

バグが設定されるRESOLVEDと、そのバグは自分のバグから完全に削除されます。解決した問題の数を追跡したかったのです。どうすればそれを見て、すべてを 1 つのリストに戻すことができますか?

プラグインが検索するコンテキストの定義に問題があります。

つまり、複数の入力テキストがあり (ユーザーはボタンからどんどん追加できます)、次のようなことをしています:

$('.inp_txt').quicksearch('ul.myList li');

入力テキストごとに、選択ボックスのようなリストがあり、入力中に結果が表示されます。問題は、ユーザーが最初の入力で入力を開始すると、プラグインが他のすべての入力からすべての .myList を表示することです。ユーザーがいる入力テキストからのリストのみを表示する必要があります。

ナビゲート中にJSを介してより多くの入力を追加できるため、リストごとに異なるクラスを使用して、それぞれに対してプラグインを具体的に呼び出すことはできないと思います。

とにかく、$(this)または何か他のものを使用してコンテキストを定義できるので、プラグインはその特定のリストでのみ検索することを認識していますか?

ありがとう！

入力フィールドに入力されたデータに基づいてリストをフィルタリングするjqueryクイック検索プラグイン（https://github.com/riklomas/quicksearch ）を使用しています。

結果が返されない場合は、その旨のメッセージを表示したいと思います。

クイック検索プラグインは、表示されないすべてのリスト要素にdisplay：noneを追加します。

したがって、私はこれを試しました：

その結果、非常に厄介な/バグのあるソリューションになります。すべてのliアイテムに表示がある場合でも、メッセージが追加されない場合があります：none。また、リストアイテムが表示されている場合でも、コンテンツなしのメッセージは削除されません。

何か案は？

テーブルをフィルタリングできるように、jquery のクイックサーチ プラグインを入力に使用しています。

ただし、ユーザーが複数の基準を入力できるように調整したいと思います (たとえば、テキスト領域を使用して、各用語を別の行に入力する)、フィルターはいずれかの基準に一致するすべての行を表示します。

たとえば、「説明」フィールドを持つエンティティがあります。「検索列の追加」のこのエンティティの設定で、フィールド「説明」をチェックしました。「説明」には次のテキストがあります:「実体についてのいくつかの言葉」。クイック検索フィールドに「単語」と入力するとエンティティが表示されますが、「エンティティについて」と入力しても何も表示されません。これは、検索エンジンが「いくつかの単語」で始まるフィールド「説明」を持つエンティティを見つけようとするように見えますが、入力されたテキストを含むものを見つけようとしません。どうすれば修正できますか？

jquery quicksearchプラグインを使用して要素のリストを検索していますが、正しいセレクターを設定していないようです。

マークアップは次のようになります。

そしてプラグイン：

ここにフィドルの例があり、ここにウェブサイトのバージョンがあります

エンティティ リード、オポチュニティ、アカウントのレコードの中からレコードを探したいと思います。つまり、Sales から Leads を選択でき、その後、Leads、Opportunities、および Accounts からレコードを検索できます。出来ますか？

カテゴリを選択すると、対応する内容がテーブルに表示されるようにしています。私はそれをうまく実装しました。ただし、カテゴリを選択した後に (クイックサーチ プラグインを使用して) 検索ボックスで検索すると、対応するコンテンツのみを検索するのではなく、テーブル内のすべての行が検索されます。対応するアイテムのみを検索するようにするにはどうすればよいですか?

Here is the demo

http://jsfiddle.net/azsuA/

更新された質問

これで、テーブルの Coke の下に 1 つの子行ができました。「filteredRows」としてカウントされているのはなぜですか？テーブル内の子行を含まない "filteredRows" を作成するにはどうすればよいですか? そして、何らかの理由で、「未分類」を選択すると、「- / (14)」であるべきところが「1 - 1/ 1 (1) / 14」と表示されます。

Another demo

http://jsfiddle.net/azsuA/4/

結果を jQuery Masonry スタイル ( http://masonry.desandro.com/ ) と jQuery Quicksearch ( https://github.com/DeuxHuitHuit/quicksearch ) で表示します。
検索を行うと、一致しない「レンガ」が削除/非表示になります-これは正しいです。しかし、残りの一致する「レンガ」は、特定の位置にロックされているため、ページ全体に広がっています。

Masonryは、ブラウザ ウィンドウの幅を変更するときに「レンガ」の位置を変更できることを知っているので、最初のアイデアは、 Quicksearchに何か+1pxを-1px追加することで、この効果をトリガーすることでしたonAfter-option: - のように:

ウィンドウサイズを変更できるかどうかを確認するためだけに、これはまったく機能しませんでした。

似たようなことをした人はいますか？
- または、何かのイベントの後にメイソンリーの「レンガ」の位置を変える方法はありkeyUpますか?