Php Colorbox JQuery，Colorbox未显示或加倍

我对配色箱有问题：

我有一个页面可以通过AJAX接收部分内容。现在，在ajax检索到的内容中，还有Colorbox链接。现在这些链接不起作用，或者说第一次点击不起作用（但会导致浏览器内的链接，但色盒内的链接除外），现在在第一次点击后（如前所述不起作用），点击浏览器的后退按钮，所有进一步的链接都会显示在色盒中

我尝试了几种浏览器，结果都一样。所以我想——特别是在出错一次之后，然后正常工作——这可能是因为colorbox库不在缓存中的问题。 所以我尝试在ajax检索的内容中添加这行代码（除了在主页上）

<script type="text/javascript" src="/js/jquery.colorbox-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".cbDetails").colorbox();
}
</script>

$（文档）.ready（函数（）{
$（“.cbDetails”）.colorbox（）；
}

这导致上面解释的错误不再发生，而是加倍和Tripling颜色框层，也就是说，在点击2个不同的颜色框链接后，需要点击2次才能关闭颜色框，在点击3个不同的颜色框后，需要点击3次才能关闭第三个颜色框，依此类推

---

按照要求，以下是相关代码：

现在是主页，包括：

<script type="text/javascript">var currentTime = '<? print date("F d, Y H:i:s", time())?>';</script>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="/js/superfish.js"></script>
<script type="text/javascript" src="/js/custom.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".cbDetails").colorbox();
});
</script>

var currentTime=''；
$（文档）.ready（函数（）{
$（“.cbDetails”）.colorbox（）；
});

以及在身体中，然后：

echo '<a href=\'cb.script.php?do=order&id='.$check['id'].'&prod='.$check['prod'].'\' class="cbDetails"><button style="width:60px;" class="order" title="Ordern">Ordern</button></a>';

echo'；

这将创造出好的结果。但如果我有第二部分，那么：

echo '<a href=\'cb.script.php?do=order&id='.$check['id'].'&prod='.$check['prod'].'\' class="cbDetails"><button style="width:60px;" class="order" title="Ordern">Ordern</button></a>';

echo'；

---

被AJAX放在同一个页面上将不再起作用（而拥有AJAX对我来说至关重要）。

可能是您正在使用一个类来选择，

$（“.cbDetails”）.colorbox（）；

将应用于该类的所有元素，并按照您的描述打开许多窗口。请尝试使用id或

$（此）

更明确地定位您的单击

---

尝试了（改为使用id），但没有帮助。代码将给我几分钟时间进行复制和粘贴（将粘贴到我的主要问题）。不应该。colorbox（）被点击按钮调用，但文档中没有准备好吗？Stefan我想它会修改所有链接，在加载html页面后在colorbox中打开cbDetails类…Stefan尝试了上面发布的代码，但这会使colorbox在我的页面上根本不起作用。

$(document).ready(function(){
  $(".cbDetails").on("click", function()
    {$(this).colorbox();});
});