jQueryMobile非模态对话框

时间:2012-11-30 21:42:58

标签: javascript jquery-mobile

有没有办法在jQueryMobile中有一个非模态对话框? jQueryMobile创建的默认对话框是默认的,并且没有非模态风格的选项/开关。是否有一些补充JavaScript可以编写或添加非模态选项,还是有一个haQuery到jQueryMobile JS来提供非模态对话框?感谢。

2 个答案:

答案 0 :(得分:1)

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

解决方案是对jQuery Mobile内部工作的强烈攻击。如果这是图书馆本身的一部分会更好。

答案 1 :(得分:0)

上面的答案很棒,但是因为它还包括弹出窗口可以拖动的解决方案,所以它忽略了一点,并且没有给出一个简单的答案来防止这种形式。所以我决定为那些需要它的人添加一个明确的解释:

Jquery Mobile通过添加覆盖所有页面的透明DIV来实现其弹出窗口的模式。这个DIV具有很高的z-index,但是这个z-index仍然低于弹出式DIV本身。 通过这种方式,可以单击此透明DIV下的元素。 如果要阻止模态,只需通过更改它的CSS并将其显示属性设置为none来禁用此透明DIV。 此DIV的ID与带有" -screen"的弹出窗口的ID相同。后缀。

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