如何制作颜色框内联图像，在视图中的颜色框触发器中创建，打开下一个图像 onclick

Posted 2023-02-25

【中文标题】如何制作颜色框内联图像，在视图中的颜色框触发器中创建，打开下一个图像 onclick

【英文标题】：How to make colorbox inline images, created withing colorbox tigger in view, open next image onclick

【发布时间】：2012-07-17 02:24:53

【问题描述】：

我在视图中创建了一些画廊，使用颜色框触发器，其中包括图像、标题、评分按钮。一切正常，图像链接到节点。我希望我为彩盒图像库默认工作，这样当我单击图像时，它将在库中打开下一个图像。我完全被卡住了，我一直在搜索 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();
   );
 );  

当我单击下一个链接时，什么也没有发生。虽然 prev 和 next buttong 可以按我的意愿工作，但我没有成功应对他们的代码。

【参考方案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();
   );
);