Javascript Colorbox插件加载自身的两个实例

让我先说一句，我是jQuery和任何编程的新手，所以我在理解上会慢一些

在开始之前，我使用这个插件（）为父html页面框架内的页面提供服务

问题是，我有两个彩色框画廊页面。我可以毫无问题地加载第一个库。但是，如果我转到第二个带有Colorbox库的页面并从其库中加载图像，则会同时加载两个Colorbox实例。因此，用户必须单击两次才能走出“颜色框”窗口

在我上面详细介绍的第三方插件的上下文中，有没有办法阻止这种情况发生？（当我从混音中取出左轮手枪插件，自己链接并加载它们时，Colorbox工作正常）

这是我在一页上使用的代码-

$(document).ready(function() {
$(".gallery1").colorbox({rel:"gallery1", transition:"fade" });
$(".gallery2").colorbox({rel:"gallery2", transition:"fade" });
$(".gallery3").colorbox({rel:"gallery3", transition:"fade" });
$(".gallery4").colorbox({rel:"gallery4", transition:"fade" });
});

我在第二页上使用的代码基本上是相同的，但只是为了序列的缘故更改了库名

$(document).ready(function() {
$(".gallery5").colorbox({rel:"gallery5", transition:"fade" });
$(".gallery6").colorbox({rel:"gallery6", transition:"fade" });
$(".gallery7").colorbox({rel:"gallery7", transition:"fade" });
$(".gallery8").colorbox({rel:"gallery8", transition:"fade" });
});

是否有一种方法可以在加载第二个页面时刷新Colorbox实例，或者以某种方式加载Colorbox，以便它可以应用于两个页面而不会像我所描述的那样混乱

我已经查阅了StackOverflow上的问题，这是最接近我自己的问题。提出的解决方案对我不太管用。我知道有些东西我可以通过使用.load来适应，但我不确定如何在我的上下文中使用它。我已经尝试过调整解决方案（它在某种程度上起作用），但它总是加载第一张幻灯片，无论我选择画廊中的图片是什么

---

不管怎样，这是我在黑暗中拍摄的。很抱歉解释得太长，并提前感谢您在互联网上提供的任何帮助。

好的，我已经解决了这个问题。不确定这是最优雅的方式，但对我来说很管用

Revolver插件中加载外部html内容的父html文档已经在调用jQuery加载。当用户输入外部文档时，外部页面在jQuery之上加载jQuery。但是，当我从这些外部页面中删除jQuery调用时，它们就失去了Colorbox功能。因为我需要jQuery在这些外部页面上执行Colorbox和其他依赖于jQuery的插件，所以我必须找到一种方法，在不干扰父html页面副本的情况下再次加载它

因为我的主页内容最初在一个div中，所以我将其更改为另一个要加载的外部页面。在我的父html中，我使用了以下脚本：

<script> 
$(function() {
$("#your_content").load("your_home_page.html"); 
}); 
</script>

$（函数（）{
$（“#您的#内容”）.load（“您的#home_page.html”）；
}); 

然后在我的父HTML中，我创建了一个div：

<div id="your_content"></div>

---

在“your_home_page.html”中，我调用了jQuery。任何其他需要jQuery的现有外部页面都不需要在代码中再次调用它。最初在第一个页面内容中加载它，允许您在多个外部加载的页面上使用Colorbox，而无需在用户单击Colorbox缩略图时加载两次。我相信这将解决其他jQuery插件的冲突，而不仅仅是Colorbox，它与Revolver等插件一起使用。

这两个插件都缺少一个引号：

$（“.gallery8”）.Colorbox（{rel:'gallery8，transition:“fade”}）就在gallery8

和gallery4Oops之后…感谢您指出这一点。我已经纠正了这一点，为了一致性起见，我将单引号改为双引号。无论如何，这个问题仍然有待解决。我将不得不在稍后再次检查这个问题，但在此期间，如果你使用的是页面滑块插件，那么我猜你会喜欢我最喜欢的新网站。点击所有“游乐场”项目并检查每个演示。你不会失望的：）