2017-05-10 11 views
1

のPrestashopでe-shopを実行しています。ページにバッテリーとアダプタの互換性を見つけるためにAjax検索を作成する必要があります。私はこのコードを作ったAjax Jsを使用してdiv内のテキストを検索すると、

は:https://jsfiddle.net/fgfjo2n9/

私は2つの問題があります。

•1番目 すべての見出しではなく、見出しのみを表示するには出力が必要です。 ピック:http://imgur.com/a/XAupI

•第二 私たちは、互換性の多くを持っているので、あなたが検索しようとすると、ページが非常に遅いです。探している間に速度を上げるために、データベースなしの方法はありますか?遅い負荷の

デモ:たくさん任意のヘルプやヒントのためwww.powerparts.cz/adaptery-k-notebookum/9-nabijecka-na-notebook-asus-lenovo-msi-toshiba-19v-342a-55x25#idTab_dm_newtab

感謝。すべての兄弟/アイテムが隠されている場合($(this).siblings(':hidden'))を確認し、そうであれば、fadeOut両親:あなたはとても

$(".komp").each(function(){ 
    // If the list item does not contain the text phrase fade it out 
    if ($(this).text().search(new RegExp(filter, "i")) < 0) { 
     $(this).fadeOut(); 
     //added 
     if($(this).siblings(':hidden')) { 
      $(this).parent().prev().fadeOut(); 
     } 

    // Show the list item if the phrase matches and increase the count by 1 
    } else { 
     $(this).parent().prev().fadeIn(); //added 
     $(this).show(); 
     count++; 
    } 
}); 

説明のようなあなたの$(".komp").each機能を変更することができます互換性を持つ唯一の見出しを表示するには

答えて

0

前の要素(見出し)else兄弟/項目のいずれかが検索と一致する場合、見出しを示します(fadeIn)。 への第二

Fiddle here

、検索のパフォーマンスを向上させるには、遅延ロード &のような技術は、はるかにそれへの、ひいてはがあるなど、本体の底にいくつかのスクリプトを動かす実装することができ通過するリンクを提供しています。

関連する問題