JQuery colorbox 无需在 JSP 文件的 div 中编写另一个 JSP 文件？

Question

我正在使用 JQuery colorbox，如下所示：有一个链接（带有按钮），其中有一个类 cboxElement。 colorbox 的 html 位于该链接处，我的意思是在另一个 JSP 文件处。当用户单击该链接颜色框时，一切正常。

但是，如何在页面中的 div 标记之间使用 colorbox（我的意思是，无需编写另一个用户不可见的 JSP 文件，该文件将在用户单击按钮后出现）？

编辑：我发现：如果内联“true”，则 jQuery 选择器可用于显示当前页面的内容。示例：

$("#inline").colorbox({inline:true, href:"#myForm"});

我认为这就是我正在寻找的内容，但我找不到任何示例？

Answer 1

查看此页面上的内部 HTML 示例。我相信这就是您正在寻找的。

如果您查看页面的源代码，您会发现以下 HTML：

<!-- This contains the hidden content for inline calls -->
    <div style='display:none'>

        <div id='inline_example1' style='padding:10px; background:#fff;'>
        <p><strong>This content comes from a hidden element on this page.</strong></p>
        <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.<br />
        <a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>

        <p><strong>If you try to open a new ColorBox while it is already open, it will update itself with the new content.</strong></p>
        <p>Updating Content Example:<br />

        <a class="example5" href="../content/flash.html">Click here to load new content</a></p>
        </div>
    </div>

这是单击时启动 ColorBox 的链接：

<p><a class='example8' href="#">Inline HTML</a></p>

这是 ColorBox 的绑定：

$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});