如何使用ColorBox jQuery插件显示HTML页面

Question

如何使用ColorBox显示HTML页面？

Answer 1

如果您想打开外部HTML，请参阅示例

http://colorpowered.com/colorbox/core/example1/index.html

代码就像

的 HTML 的

<a class='example5' href="yourpage.html" title="My Page">Outside HTML (Ajax)</a>

的的jQuery 的

$(".example5").colorbox();

Answer 2

只需使用

在HTML页面中引用jQuery插件即可

<script type="text/javascript" src="/path of jQuery library"></script>
<script type="text/javascript" src="/path of color box"></script>

Answer 3

像这样：

<a class="example5 cboxElement" href="../content/ajax.html" title="Homer Defined">
    Outside HTML (Ajax)
</a>

JS：

$(".example5").colorbox();

只看他们的example page