Javascript 加载bxslider时,颜色框在rel属性上断开

Javascript 加载bxslider时,颜色框在rel属性上断开,javascript,jquery,colorbox,bxslider,Javascript,Jquery,Colorbox,Bxslider,经过多次调试,我得出结论,这两个库相互冲突。我分别对它们进行了测试,它们可以工作,但当一起使用时(有一个rel属性,东西会断开) 如何繁殖 如果链接有一个rel或$('something').colorbox({rel:'something'}) $('somethingelse').bxSlider(…) 单击任何具有colorbox(不仅仅是共享选项)的图像时,colorbox将失败: 未捕获的TypeError:无法读取未定义的属性“rel” 有问题的代码行包括: 我发现了一个类似的问

经过多次调试,我得出结论,这两个库相互冲突。我分别对它们进行了测试,它们可以工作,但当一起使用时(有一个rel属性,东西会断开)

如何繁殖

  • 如果链接有一个rel或$('something').colorbox({rel:'something'})
  • $('somethingelse').bxSlider(…)
单击任何具有colorbox(不仅仅是共享选项)的图像时,colorbox将失败:

未捕获的TypeError:无法读取未定义的属性“rel”

有问题的代码行包括:

我发现了一个类似的问题,但是效果不同。但原因似乎相似。根据回答这个问题的人的说法,问题在于bxSlider会快速地找出colorbox设置的$.data()

因此,我的问题是:

  • 有办法解决这个问题吗
  • 这是色盒中的一个bug吗
  • 它是bxSlider中的一个bug吗

如果看不到更多的代码,我就不知道您想做什么。你的
$('something').colorbox({rel:'something')
看起来有点奇怪,我不知道是插入类、id还是实际的rel属性值。您可能需要查看colorbox的rel选项(rel:'something')及其行为。看

我认为同时使用这两个插件没有问题。我试过了,效果很好,没有错误


自己看这里:

我知道这个问题已经问了很久了,但我也遇到了类似的问题,在苦苦挣扎之后,我的错误是我在bxslider之前调用了colorbox,我改变了调用顺序,它就像一个符咒。也许有人会因此得到帮助

      if (settings.rel !== 'nofollow') {
          $related = $('.' + boxElement).filter(function () {
              var relRelated = $.data(this, colorbox).rel || this.rel;
              return (relRelated === settings.rel);
          });