簡單的內容搜索

這一切

所以，我希望把這個插件通過圖像（縮略圖）通過像「標題」一個屬性搜索的例子或別的東西。這裏是我的標記：http://jsfiddle.net/dynamyc/KqCP5/embedded/result/ 我不能讓腳本通過圖片搜索，我知道什麼是錯的，也許我沒有把正確的路徑

「searchList」：「home_proj禮」，

'searchItem'： 'IMG'

下面的代碼將激活插件：

$(document).ready(function(){ 
    $('.searchFilter').simpleContentSearch({ 
     'active' : 'searchBoxActive', 
     'normal' : 'searchBoxNormal', 
     'searchList' : 'home_proj li', 
     'searchItem' : 'img' 
    }); 
});

在 'searchList' 設置指定將被搜索的內容。在這種情況下，它是可搜索的。最後，'searchItem'設置允許潛入並指定要搜索的單個元素。在這種情況下，我使用'td'。

希望你明白我想達到的目標。

來源

2012-05-23 Cristocea Costel

您還可以檢查現場版對於我想要實現的內容：[here]（http://whiteandgold.ro/realty/） –

使用jQuery.filter會更容易嗎？ http://api.jquery.com/filter/ –

變化'searchList'到'home_proj ul li' 和'searchItem'到'a'似乎工作。

例如，嘗試title="abc"並搜索「ABC」

首先，'searchList'是普通型的DOM對象要過濾。所以在你的第二個標記，當你想要搜索的<a>列表，那麼你應該設置'searchList'爲'jThumbnailScroller a'

其次，'searchItem'是DOM對象，你要搜索的一部分。這個插件做的方式是搜索DOM對象的html()，但是如果你想搜索<img>，它不會工作，因爲它的html()是空的。所以，如果你真的想在<img>標題搜索，你應該設置'searchItem'爲'img'，和插件

if (!elem.html().match(new RegExp('.*?' + query + '.*?', 'i')))

的這部分變成

if (!elem.attr('title').match(new RegExp('.*?' + query + '.*?', 'i')))

來源

2012-05-24 04:33:43 xvatar

任何想法爲什麼它不與這[標記]（http://jsfiddle.net/dynamyc/gEFXh/）？我想做同樣的事情。 –

@CristoceaCostel看到我的額外帖子.. – xvatar

現在我有另一個問題：我有一個jQuery的縮略圖卷軸，例如，如果你滾動，直到縮略圖的結尾，然後你搜索「臥室」，你必須向後滾動到開始看到結果。希望你明白我想說什麼。我無法在這裏或在jsfiddle上發佈縮略圖卷軸的代碼，因爲它非常大。你可以檢查[這裏]（http：// whiteandgold。ro/livesearch）我想說的。請給我一些建議。再次感謝！ –

簡單的內容搜索

回答

相關問題