jQuery:将对话框放在容器中

时间:2011-01-17 14:20:23

标签: jquery dialog

我想在div中使用模态模式中的对话框小部件 - 这可能吗? 所以,例如。当我有 - 我想在该div中只有混淆的layer-div(那个透明的那个),状态框也是居中的。

任何想法?

感谢

2 个答案:

答案 0 :(得分:1)

将对话框换成一个div,它位于您想要无法访问的div的顶部。

这个div应该初始化隐藏,如果你愿意,可以使用不透明度,z-index比你要覆盖的其他div更重要。

当显示对话框时,你应该在包装器div上绑定onClick事件处理程序,它应该prevent bubbling并使包装器可见。在对话框关闭时删除绑定并隐藏包装。

答案 1 :(得分:0)

http://jqueryui.com/demos/dialog/

我在文档中没有看到任何内容,但您可以通过iframe或修改代码库来实现此目的。

当然,还有其他方法可以使用jqueryUI: http://www.designlabelblog.com/2009/03/20-ways-to-create-javascript-modal.html