javascript - jQueryMobile 非模态对话框

Question

有没有办法在 jQueryMobile 中有一个非模态对话框？jQueryMobile 创建的默认对话框是默认的，并且没有用于非模态风格的选项/开关。是否有一些补充 JavaScript 可以编写或添加一个非模态选项，或者是否有 jQueryMobile JS 的黑客来使非模态对话框可用？谢谢。

Answer 1

Gajotres 在回答这个问题Draggable Non-Modal Popup Jquery Mobile时为您的问题提供了一个很好的答案。

该解决方案是对 jQuery Mobile 内部工作的非常激烈的破解。如果这是图书馆本身的一部分，那就更好了。

Answer 2

上面的答案很好，但是因为它还包括一个可拖动弹出窗口的解决方案，所以它有点忽略了这一点，并且没有给出一个简单的答案来阻止这种模式。所以我决定为需要的人添加一个清晰的解释：

Jquery Mobile 通过添加一个覆盖所有页面的透明 DIV 来实现它的弹出模式。此 DIV 具有较高的 z-index，但此 z-index 仍低于弹出 DIV 本身。这样，这个透明DIV下的任何元素都不能被点击。如果你想阻止这种模式，只需通过更改它的 CSS 并将它的 display 属性设置为 none 来禁用这个透明的 DIV。此 DIV 的 ID 与带有“-screen”后缀的弹出窗口的 ID 相同。

<style>
    .PopupID-screen {
       display:none;
    }
</style>