我正在使用JQuery colorbox:有一个链接(带有一个按钮),它有一个类cboxElement
。 colorbox的html位于该链接,我的意思是另一个JSP文件。当用户点击该链接颜色框时,一切正常。
但是,我如何在我的页面中div
标签之间使用colorbox我的意思是不编写另一个对用户不可见的JSP文件,它会在用户点击按钮后出现?/ p>
编辑:我发现:如果内联'true',jQuery选择器可用于显示当前页面的内容。例如:
$("#inline").colorbox({inline:true, href:"#myForm"});
我认为这就是我要找的东西,但我找不到任何一个例子?
答案 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"});