jquery - 在 DOM 元素上调用 colorbox() 时应该如何表现？

Question

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

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

$('#test').colorbox()

预期的行为是什么？

我希望它会在颜色框内显示“测试”div，但我从未见过这种情况发生。否则，在特定 DOM 元素上调用 colorbox() 的目的是什么？

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

我正在使用：

score 3 · Accepted Answer

...您可以看到选择器旨在表示要单击的项目。插件的行为取决于选择器是什么。

当您单击所说的 div 时，在没有任何参数的情况下调用colorbox()随机 div 将产生一个空的颜色框：http: //jsfiddle.net/w6AqG/

这大概是预期的行为。因为这是一个由第三方编写的 jQuery 插件，所以了解预期内容的唯一方法是阅读文档（同样是http://www.jacklmoore.com/colorbox），或者，向插件作者发送一个发邮件问问他。

我建议您按照示例进行操作。

使用内联元素的最小工作示例：

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

1 回答 1