1

首先这是脚本的工作方式：jsfiddle

所以，我想让插件通过诸如“标题”之类的属性或其他东西来搜索图像（缩略图）。这是我的标记： http: //jsfiddle.net/dynamyc/KqCP5/embedded/result/ 我无法让脚本搜索这些图像，我知道有问题，也许我没有为

'searchList' : 'home_proj li',

'搜索项目'：'img'

下面的代码将激活插件：

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

'searchList' 设置指定将被搜索的内容。在这种情况下，它是可搜索的 tr。最后，“searchItem”设置允许深入并指定要搜索的单个元素。在这种情况下，我使用“td”。

希望你明白我想要达到的目标。

4

1 回答 1

0

更改'searchList'to'home_proj ul li' 和'searchItem'to'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-24T04:33:43.097 回答