打开iframe而不是post

Question

我对jQuery有一个问题:当我点击主页上的拇指图片打开iframe，但当我点击一个过滤器项目和图像拇指打开帖子。这是我的网站测试：http://#

为什么当我点击一个过滤器，然后在图像拇指打开帖子而不是iframe？

谢谢你，为我糟糕的英语道歉！

Answer 1

当您筛选投资组合项时，这些项将动态地重新生成，因此以前绑定的行为将丢失(在您的例子中，是一个单击事件)。

要解决这个问题，jQuery有一个.live()事件，它不仅将事件处理程序附加到当前DOM元素，而且还附加到将来创建的元素(即不是在加载DOM时创建的，而是在以后创建的)。

在您的.js代码中，您可以调用：

portfolioItemsEnabled.click( function (e) {
  if(!jQuery(this).hasClass('active') && jQuery(this).hasClass('visible')) {    
    portfolioItems.removeClass('active');
    jQuery(this).addClass('active');
    portfolioItems.not('.active').find('.overlay').css({ display: 'none' });
    var postId = jQuery(this).attr('id').split('portfolio-')[1];
    tz_getPortfolio(postId);
  }
  e.preventDefault();
});

为了使它在任何时候都能工作，即使在加载了新的/不同的项目组合项时，您也应该像这样更改调用

jQuery('#portfolio-items.enabled li').live("click", function(e) {
  if(!jQuery(this).hasClass('active') && jQuery(this).hasClass('visible')) {    
    portfolioItems.removeClass('active');
    jQuery(this).addClass('active');
    portfolioItems.not('.active').find('.overlay').css({ display: 'none' });
    var postId = jQuery(this).attr('id').split('portfolio-')[1];
    tz_getPortfolio(postId);
  }
  e.preventDefault();
});