の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
機能を変更することができます互換性を持つ唯一の見出しを表示するには