JQuery colorbox没有为JSP文件的div中的某些东西编写另一个JSP文件?

时间:2011-03-17 15:26:22

标签: jquery jsp html colorbox

我正在使用JQuery colorbox:有一个链接(带有一个按钮),它有一个类cboxElement。 colorbox的html位于该链接,我的意思是另一个JSP文件。当用户点击该链接颜色框时,一切正常。

但是,我如何在我的页面中div标签之间使用colorbox我的意思是不编写另一个对用户不可见的JSP文件,它会在用户点击按钮后出现?

编辑:我发现:如果内联'true',jQuery选择器可用于显示当前页面的内容。例如:

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

我认为这就是我要找的东西,但我找不到任何一个例子?

1 个答案:

答案 0 :(得分:0)

this page上查看内部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"});