我用JQuery創建了一個簡單的搜索欄,問題在於它隱藏了一切,即使當我輸入了正確的名稱,並且由於某種原因,當我刪除它不返回的輸入時隱藏的物品。搜索欄不能在JQuery中工作
任何幫助,將不勝感激。
$("#search").keyup(function(){
var uInput = $("#search").val();
var id = $(".gali").attr("id");
if (uInput != id){
$(".gali").hide();
} else {
$(".gali").show();
}
});
<div id="container">
<div id="search-bar">
<input type="text" placeholder="Search..." id="search">
</div>
<ul id="pList">
<li class="gali">
<img src="phot/plum01.jpg" class="pimg">
</li>
<li class="gali">
<img src="phot/plum02.jpg" class="pimg">
</li>
<li class="gali" id="flowers">
<img src="phot/plum03.jpg" class="pimg">
</li>
<li class="gali">
<img src="phot/plum04.jpg" class="pimg">
</li>
<li class="gali" id="flowers">
<img src="phot/plum05.jpg" class="pimg">
</li>
<li class="gali" id="flowers">
<img src="phot/plum06.jpg" class="pimg">
</li>
</ul>
請爲我們提供html代碼。如果你建立一個笨蛋或類似的東西,這將是非常有用的。 https://plnkr.co/edit/ –
嗨文檔,歡迎來到堆棧溢出。我們需要查看代碼的其餘部分。尋求調試幫助的問題(「爲什麼這個代碼不工作?」)必須包含所需的行爲,特定的問題或錯誤以及在問題本身中重現問題所需的最短代碼。請參閱:如何創建[mcve] –
對於這種簡單化的東西,plnkr,jsFiddle,codepen等幾乎不需要。只需使用在線網頁片段工具即可。 – Santi