1

まず第一に、これはスクリプトの仕組みです: jsfiddle

そこで、たとえば「タイトル」などの属性で画像（サムネイル）を検索するプラグインを作成したいと思います。ここに私のマークアップがあります: 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」設定は、検索されるコンテンツを指定します。この場合、検索可能な tr です。最後に、「searchItem」設定を使用すると、検索する個々の要素に飛び込んで指定できます。この場合、「td」を使用します。

私が達成しようとしていることを理解していただければ幸いです。

4

1 に答える 1

0

'searchList'to'home_proj ul li' と'searchItem'to を変更するとうまくいく'a'ようです。

たとえば、title="abc"「abc」を検索してみてください

1'searchList'つ目は、フィルタリングする DOM オブジェクトの一般的なタイプです。したがって、2 番目のマークアップで、のリストを検索する場合は、次の<a>ように設定する必要があります'searchList'。'jThumbnailScroller a'

2 つ目'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 に答える