jquery - 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();
});

问题是同位素过滤器一直有效，直到您打开一个花式框，然后关闭花式框，如果您尝试单击它不起作用的过滤器，没有任何改变，我在控制台中收到以下错误：

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

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

Answer 1

我认为打开fancybox 后，您的html 页面中有两个ID 为“容器”的元素。但是 ID 在整个页面中必须是唯一的。

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