Fancybox与同位素过滤之间的冲突

Question

我使用以下代码使用同位素过滤：

// filter items when filter link is clicked
$('#filters a').click(function(){
var $container = $('#container');

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

我也使用Fancy box v1.3.4，代码如下：

$(document).ready(function () {
    $("a.fancyframe").fancybox();
});

问题是同位素过滤器一直工作，直到你打开一个fancybox，然后如果你试图点击一个它不起作用的过滤器就关闭它，没有任何改变，我在控制台中收到以下错误：

Uncaught TypeError: Object [object Object] has no method 'isotope' 

这里有什么问题，如何阻止它们发生冲突

Answer 1

我认为在打开fancybox之后，你的html页面中有两个带有id'container'的元素。但ID必须在整个页面中都是唯一的。

我想你不能为fancybox选择不同的id，所以尝试重命名另一个id。