javascript - 如何使用 JQuery UI 阻止 UI？

Question

我一直在使用这个插件来阻止 UI:http://jquery.malsup.com/block/

这个插件工作得很好，只是如果 jQuery UI 没有做这样的事情我会非常惊讶，因为它必须有效地为它的对话框功能做同样的事情。

如何使用 JQuery UI 阻止 UI？

Answer 1

您可以做一些 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' }) 隐藏滚动条。