尝试使用colorbox做一些非常简单的事情,但由于某种原因它不起作用:
我想从javascript代码触发颜色框.当重叠加载时,我希望它显示图像 - 非常简单的东西.
这是我的代码:
(在脚本块中)
function c(){
$.colorbox({rel: "example1"});
}
Run Code Online (Sandbox Code Playgroud)
(用HTML格式)
<p ><a href="files/1.jpg" rel="example1" title="test">pic 1</a></p>
<p ><a href="files/2.jpg" rel="example1" title="test 2">pic 2</a></p>
Run Code Online (Sandbox Code Playgroud)
问题是,当颜色框被触发时,它会加载但不会加载图像 - 加载动画会"永远"显示
在社区的帮助下弄清楚了......
function c(){
$('a[rel=example1]').colorbox({open:true});
}
Run Code Online (Sandbox Code Playgroud)
顺便说一句,为了将colorbox绑定到图像,您需要以下内容:
$("a[rel='example1']").colorbox();
Run Code Online (Sandbox Code Playgroud)
函数调用触发已绑定的颜色框(打开它).