如何制作在视图中的colorbox tigger中创建的colorbox内联图像，单击打开下一个图像

Question

我使用colorbox触发器在视图中创建了一些库，其中包括图像、标题和评分按钮。一切正常，图像链接到一个节点。我希望我默认使用颜色框图像galery，这样当我单击图像时，它将打开图库中的下一张图像。我完全被卡住了，我已经在inet上搜索了3天，什么都没找到。我试着在彩色框覆盖内制作一个可点击的图像，它将切换到下一个图库页面，并尝试了不同的代码变体，如

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="/sites/all/libraries/colorbox/colorbox/jquery.colorbox-min.js"></script>
 <script type="text/javascript"> 
$(document).ready(function() {
   $("#nextlink").click(function() {
   $.colorbox.next();
   });
 });  

当我点击nextlink时，什么也没发生。虽然上一个和下一个按钮的工作方式正如我所希望的，但我没有成功地处理他们的代码。

Answer 1

您是否已验证事件处理程序正在启动？此外，如果它来自具有href属性的锚点元素，则必须处理默认行为。

$(document).ready(function() {
   $("#nextlink").click(function(e) {
       $.colorbox.next();
       e.preventDefault();
   });
});

当您尝试为文档分配事件处理程序时，文档中是否存在"#nextlink"？如果没有，您应该使用实时事件（或者更新您的jQuery版本并使用较新的方法来处理事件委派）。

$(document).ready(function() {
   $("#nextlink").live('click', function(e) {
       $.colorbox.next();
       e.preventDefault();
   });
});