当在DOM元素上调用时,colorbox()应该如何表现?

时间:2012-08-22 17:45:45

标签: jquery colorbox

我只使用$ .colorbox()函数成功显示内容。

如果我有一个id为“test”的div,我会打电话给

$('#test').colorbox()

预期的行为是什么?

我希望它会在彩盒中显示“test”div,但我从未见过这种情况。否则,在特定DOM元素上调用colorbox()的目的是什么?

我看到这种形式的colorbox()被称为“Ajax”。 $(mySelector).colorbox()用法是否假设mySelector是一个链接,并使用该链接的href执行Ajax调用,然后将返回内容插入到颜色框中?如果是这样,我从文档中就不清楚了。

我正在使用:

  • jQuery 1.6.4
  • colorbox 1.3.19

1 个答案:

答案 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});

试一试:http://www.jacklmoore.com/colorbox