我可以创建一个不阻塞 UI 的 jQuery 移动弹出窗口吗?场景是这样的:我有一个列表,每个项目上都有复选框,如果选中任何复选框,我想显示一个在页脚上方弹出的邀请按钮。它可能会阻止它所覆盖的行,但不应阻止页面其余部分的输入。类似于所附图像。
我不确定使用弹出窗口是否是正确的方法,但如果不是,有人可以指出我正确的方向吗?非常感谢。
最佳答案
类似这样的事情:
工作 jsFiddle 示例:http://jsfiddle.net/Gajotres/cbeTD/
HTML:
<div data-role="page" id="index">
<div data-theme="b" data-role="header">
<h1>Index page</h1>
</div>
<div data-role="content">
<a href="#popupBasic" data-rel="popup" data-role="button" data-inline="true" data-transition="pop">Basic Popup</a>
<div data-role="popup" id="popupBasic" data-position-to=".footer-example">
<a href="#popupBasic" data-rel="popup" data-role="button" data-inline="true" data-transition="pop">Button</a>
</div>
</div>
<div data-theme="b" data-role="footer" data-position="fixed" class="footer-example">
<h1>Footer</h1>
</div>
</div>
CSS:
#popupBasic {
box-shadow: 0 0 0;
border-width: 0;
border-radius: 0;
background: transparent;
}
关于javascript - 不阻塞 UI 的 jQuery 移动弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19804989/