如何使用jQuery自動完成切換與搜索結果源匹配的隱藏元素？

如何使用jQuery Autocomplete切換或顯示HTML中的隱藏元素而不是數據庫？如何使用jQuery自動完成切換與搜索結果源匹配的隱藏元素？

這是jsFiddle，有我一直在使用的元素。一切工作正常，除非我不知道如何繼續顯示匹配搜索源的隱藏元素。

JavaScript中的源變量與具有自動填充搜索字段的HTML頁面中的隱藏元素的類名匹配。因此，根據您要搜索的元素（此示例搜索HTML5元素），當源匹配隱藏的類元素時，會顯示一個結果。

我一直在尋找result handler，但似乎無法用我現在的代碼包圍我的頭。

任何有關我的問題的幫助將不勝感激。或者，如果這是過度使用自動完成請讓我知道。

謝謝。

來源

2012-08-09 cazepeda

像這樣的東西可能會奏效

嘗試jQuery UI的http://jqueryui.com/demos/autocomplete/，並期待在活動部分。

例如，如果用戶在哪裏搜索「運動」，你想用體育新聞一個div出現

你可以寫這樣的EG自定義搜索選項：

$(".selector").autocomplete({ 
    search: function(event, ui) { 
     if($(".selector").val() == "sport"){ 
     // open sport div 
     $("#sport").fadeIn(); 
     } 
    } 
});

被這是你的意思？

讓我知道你如何去，如果我可以進一步幫助

來源

2012-08-09 05:25:42 chris

這聽起來像我想要實現的。我現在要給這個去看看。我會盡快更新。我正在這裏工作：http://jsfiddle.net/cazepeda/kMcFZ/21/ – cazepeda 2012-08-09 12:55:42

我很遺憾仍然努力與我試圖實現。明天我會再給它一次。 – cazepeda 2012-08-10 03:59:16

如何使用jQuery自動完成切換與搜索結果源匹配的隱藏元素？

回答

相關問題