我只使用$ .colorbox()函数成功显示内容。
如果我有一个id为“test”的div,我会打电话给
$('#test').colorbox()
预期的行为是什么?
我希望它会在彩盒中显示“test”div,但我从未见过这种情况。否则,在特定DOM元素上调用colorbox()的目的是什么?
我看到这种形式的colorbox()被称为“Ajax”。 $(mySelector).colorbox()用法是否假设mySelector是一个链接,并使用该链接的href执行Ajax调用,然后将返回内容插入到颜色框中?如果是这样,我从文档中就不清楚了。
我正在使用:
答案 0 :(得分:3)
如果您参考示例页面:http://www.jacklmoore.com/colorbox/example1/
...或查看文档:{{3}}
...您可以看到选择器旨在表示要单击的项目。插件的行为取决于选择器是什么。
当您点击所述div时,在随机div上没有任何参数的情况下调用colorbox()
将产生一个空的颜色框:http://www.jacklmoore.com/colorbox
这可能是预期的行为。因为这是一个由第三方编写的jQuery插件,所以知道期望是什么的唯一方法是阅读文档(再次,那是http://jsfiddle.net/w6AqG/),或者,向插件作者发送电子邮件并问他。 / p>
我建议你按照样品。
使用内联元素的最小工作示例:
HTML
<a id="show_test" href="#test">Show the test div</a>
<div style="display:none;">
<div id="test">This is a test</div>
</div>
的Javascript
$('#show_test').colorbox({inline:true});