0

フィルターを組み合わせた同位体を持つことに加えて、いくつかのリンクを使用してアイテムを同位体に追加できるようにしたいと考えています。最初のクリックでアイテムを先頭に追加し、リンクの 2 回目のクリックで先頭に追加したアイテムを削除します。jQueryトグルを呼び出すことで途中まで到達しましたが、3回目のクリックでは、先頭に追加されたアイテムが返されますが、何も呼び出されません。変数 (mission_item) の呼び出し方に問題があると思います。しかし、私はいくつかのバリエーションを試しましたが、役に立ちませんでした。私が使用しているコードは次のとおりです。

var $mission_item = $('<div class="item mission">Mission</div>');
$('#mission a').toggle(function() {
    $container
        .prepend($mission_item).isotope( 'reloadItems' ).isotope({ sortBy: 'original-order'});
}, function(){
   $container
        .isotope('remove',$mission_item);
});

また、私の js_fiddle ( http://jsfiddle.net/jessica_b/7uGDX/ )での動作も確認できます。私が理解しようとしているもう 1 つのことは、これらの先頭に追加されたアイテムがフィルターをバイパスする方法です。すべてのフィルター オプションをアイテムのクラスに追加でき、この方法で常に表示されると思いますが、私は Wordpress で作業しており、フィルターは投稿カテゴリによって動的に生成されます。もっとエレガントな解決策があるはずですが、どこから始めればよいかわかりません。jQuery初心者で申し訳ありません！事前に感謝します！

4

1 に答える 1

1

おそらく、不足しているのは$mission_itemに不透明度を設定することだけです。

$container.prepend($mission_item.css({'opacity': 1})).isotope( 'reloadItems' ).isotope({ sortBy: 'original-order'});
于 2012-08-27T19:12:10.137 に答える