0

現在、流動的なレイアウトに同位体プラグインを使用しています。コンテンツを正常にフィルタリングできますが、フィルターが呼び出された後、残りの jQuery 呼び出しが機能しません。
我慢してください、私はまだjQueryに慣れていませんが、ここに私のコードがあります:

jQuery(document).ready(function(){

jQuery(".pics-hidden").hide();


jQuery('.pics').click(function() {
      jQuery('#div'+jQuery(this).attr('rarget')).addClass('pics').removeClass('pics-hidden').delay(300).fadeIn(100);
      jQuery('#projectimages').isotope('reloadItems').isotope();
      return false;
       });       

var $container = $('#projectimages');

$container.isotope({
    itemSelector: '.pics',
    animationEngine: 'css',
    masonry: {
    columnWidth: 4
    }
});


$('#menu a').click(function(){
    var selector = $(this).attr('data-filter');
    $container.isotope({ filter: selector });
  return false;
});
});

フィルタは ('pics') クリック機能と同様に正常に動作しますが、フィルタが呼び出された後、('.pics') クリック機能は機能しなくなります。
これには理由がありますか？それとも解決方法？あらゆる種類を試してみましたが、何も機能していないようです。
どんな提案でも大歓迎です！

4

1 に答える 1

1

と置き換えるjQuery('.pics').click(function() {と

jQuery('#projectimages').on("click", ".pics", function() {

それはもっとうまくいきますか？このようにして、要素にクラスを追加するとpics、クリック ハンドラーがトリガーされます。

または、問題を示すフィドルを提供できますか?

于 2012-10-24T22:57:03.870 に答える