我一直在使用这个插件来阻止 UI:http://jquery.malsup.com/block/
这个插件工作得很好,只是如果 jQuery UI 没有做这样的事情我会非常惊讶,因为它必须有效地为它的对话框功能做同样的事情。
如何使用 JQuery UI 阻止 UI?
最佳答案
您可以做一些 hacky - 调用模态,然后在 onopen
回调中,remove()
模态本身。
$("#something").dialog({
open: function(event, ui) { $('.ui-dialog').remove(); }
});
嘿!我说这是 hacky :)
或
检查模态代码,看看它是否调用了一个函数来阻止 UI。或许您可以向它添加一个外部引用,以便您可以自己调用它。
或
将此 HTML 添加到您的文档中,并对其调用 show()
或 hide()
。
<div class="ui-widget-overlay" style="width: 100%; height: 100%; z-index: 32767;"></div>
或(如果您不确定它们是如何制作的)
它们只是一个 div
(通常)绝对定位和 100% height
/width
,具有高 z-index
并且通常是 opacity
(查看如何使用过滤器在 IE6 中执行此操作)。
您还可以将其设置为 position: fixed
,这样当您滚动时它会一直存在。如果需要,您还可以通过执行 $('body').css({ 'overflow-y': 'hidden' })
隐藏滚动条。
关于javascript - 如何使用 JQuery UI 阻止 UI?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4011589/