文章/答案/技术大牛

发布

社区首页 >问答首页 >实现同位素过滤器后，jQuery调用不起作用

问实现同位素过滤器后，jQuery调用不起作用
EN

Stack Overflow用户

提问于 2012-10-25 06:05:00

回答 1查看 612关注 0票数 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')点击函数就无法工作了。

这是有原因的吗？或者一种解决它的方法？尝试了所有的方法，似乎都不起作用。

任何建议都是非常感谢的！

jquery-plugins

jquery-selectors

jquery-isotope

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-25 06:57:04

如果将jQuery('.pics').click(function() {替换为

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

它有没有更好的效果？这样，当您将pics类添加到元素时，它们应该触发您的单击处理程序。

或者，你能提供一个小提琴来演示这个问题吗？

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13058542

复制

相似问题

问实现同位素过滤器后，jQuery调用不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问实现同位素过滤器后，jQuery调用不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问实现同位素过滤器后，jQuery调用不起作用
EN