0

それに応じてコンテンツを除外するjQuery同位体プラグインを使用して、フィルターを正常に実装しました。唯一の問題は、フィルターが実装された後、フィルター処理されたコンテンツに関連付けられたクリック機能が機能しなくなることです。
これが私のコードです：

jQuery(document).ready(function(){

var jQuerycontainer = jQuery('#projectimages');

jQuerycontainer.isotope({
    itemSelector: '.shown',
    animationEngine: 'css',
    masonry: {
    columnWidth: 2
    }
});

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


jQuery(document).ready(function(){

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

jQuery('.wp-image-111').click(function() {
      jQuery('.post-98').addClass('shown').removeClass('hidden').delay(300).fadeIn(100);
      jQuery('#projectimages').isotope('reloadItems').isotope();
       });       
});

フィルタが実装された後、('.wp-image-111') に添付されたクリック機能が機能しなくなりました。これには理由がありますか? もしそうなら、それを解決する方法はありますか？

4

2 に答える 2

0

推奨される CSS を適用していない可能性があります。私はしませんでしたし、フィルターのリンクは非表示のアイテムにのみ移動しました（それらはまだそこにあり、一番上にあると思います！）-これらを適用すると機能するようになりました：

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
于 2013-10-29T11:56:00.330 に答える
0 
jQuery('#post-'+jQuery(this).attr('larget'))
.removeClass('shown')
.addClass('.hidden')
  ---------^
.removeClass('#post-'+jQuery(this)
.attr('larget')).hide();

する必要があります

 jQuery('.close').click(function() {
   jQuery('#post-'+jQuery(this).attr('larget'))
    .removeClass('shown')
    .addClass('hidden');
   jQuery('#post-'+jQuery(this).attr('larget')).attr("id","");

});

IDを削除することはできません。

于 2012-10-24T10:55:52.470 に答える