Question

点击openlayer气球（弹出窗口）中的图像，我可以打开彩盒。问题是它只能工作一次。我重新加载页面后，它再次工作，但只有一次。

当我查看chrome控制台时，我收到此错误：

＆＃34;对象函数（a，b）{return new e.fn.init（a，b，h）}没有方法＆＃39; colorbox＆＃34;。

外部.js文件的代码是：

function call_colorbox(url) {
jQuery.colorbox({href: url, height: "80%", width: "80%"});
};

openlayer baloon（popup）中的代码是：

<a href="#" onClick="call_colorbox('/mypage.html')"><img src="myimg.jpg" alt="title"  title="title" /></a>

有人可以给我一个如何解决问题的提示吗？

提前致谢

Answer 1

尽量避免使用内联脚本处理程序。选择您可以在javascript中定位的标识符，例如.colorbox：

<a href="#" class="colorbox" data-url="example.html"> .. </a>

然后在你的JS中（假设你加载了jQuery库）：

$('body').on('click', '.colorbox', function (event) {
  $.colorbox({href: $(this).data('url'), height: "80%", width: "80%"});
  event.preventDefault();
});

单击openlayer ballon（popup）中的图像时打开colorbox

1 个答案: