0

フィルタをクリックすると画像が消える理由がわかりません。


流砂スクリプトコード（というファイルにありますjquery.custom.js）：

jQuery.noConflict();
jQuery(document).ready(function($){
    // Clone applications to get a second collection
    var $data = $("#portfolio-items").clone();

    //NOTE: Only filter on the main portfolio page, not on the subcategory pages
    $('#portfolio-terms ul li').click(function(e) {
        $("ul li").removeClass("active");   
        // Use the last category class as the category to filter by. This means that multiple categories are not supported (yet)
        var filterClass=$(this).attr('class') //.split(' ').slice(-1)[0];
        filterClass = filterClass ? filterClass.split(' ').slice(-1)[0] : '';

        if (filterClass == '.all current') {
            var $filteredData = $data.find('#portfolio-');
        } else {
            var $filteredData = $data.find('#portfolio-[data-type=' + filterClass + ']');
        }
        $("#portfolio-items").quicksand($filteredData, {
            duration: 800,
            easing: 'swing',
        });     
        $(this).addClass("active");             
        return false;
    });
});


ここでは、ポートフォリオのPHPコードを見ることができます-アイテムと用語：http ：//snipt.org/Mnp8

手伝ってくれませんか。
ありがとうございました！

4

1 に答える 1

0

$ data.findは、属性を直接検索していません。うまくいくのは交換のようなものです

var $filteredData = $data.find('#portfolio-');

と

var $filteredData = $data.find('li[id|="portfolio"]');

IDがポートフォリオで始まるすべてのliを検索します

次の行は、タグではなく、LIを参照しています。LI要素にはクラスがありません。

$(this).attr('class') //.split(' ').slice(-1)[0];

クラスをLI要素に配置すると仮定すると、この行を次のように変更できる可能性があります（これについてはよくわかりません）。

var $filteredData = $data.find('#portfolio-[data-type=' + filterClass + ']')

に：

var $filteredData = $data.find('li.' + filterClass);


http://jsfiddle.net/bhoover10001/SzjhS/ を見て、これが多かれ少なかれ必要な機能であるかどうかを確認してください。

A）クリックされているLIアイテムにクラスを配置していません。

<li class="all"><a href="">All</a><span>/</span></li>
<li class="term-4"><a href="" 
data-value="term-4" title="View all items filed under Colours">Colours</a> <span>/</span>
</li>
<li class="term-3" >
<a href="" data-value="term-3" title="View all items filed under Fotografie">Fotografie</a> <span>/</span>
</li>

B）data-idは、表示しているアイテムのLI要素の必須要素です。例えば：

<li id="portfolio-12" class="term-4 visible" data-id="post-12">

C）フィルタークラスは、各ポートフォリオの最初のクラスである必要があります。フィルタクラスを間違って分割していました：

filterClass = filterClass ? filterClass.split(' ')[0] : '';

D）「ALL」条件が間違ってコーディングされた：

if (filterClass == 'all')
于 2011-11-03T17:50:59.713 に答える