Javascript 不阻止用户界面的jQuery移动弹出窗口
我可以创建一个不阻塞UI的jQuery移动弹出窗口吗?场景是这样的:我在每个项目上都有一个带有复选框的列表,如果选中了任何复选框,我想在页脚上方弹出一个邀请按钮。它可能会阻止它所覆盖的行,但不应阻止对页面其余部分的输入。例如附加的图像 我不确定使用弹出窗口是否是正确的方法,但如果不是,请有人给我指出正确的方向。非常感谢。 检查此链接中的工具提示示例。工具提示不一定是弹出窗口,因为所有东西都是html元素,加载工具提示时,单击jquery弹出按钮也会发生。您可以合并工具提示代码并更改样式以将其显示为弹出窗口,如下所示: 工作JSFIDLE示例: HTML:Javascript 不阻止用户界面的jQuery移动弹出窗口,javascript,jquery,html,jquery-mobile,popup,Javascript,Jquery,Html,Jquery Mobile,Popup,我可以创建一个不阻塞UI的jQuery移动弹出窗口吗?场景是这样的:我在每个项目上都有一个带有复选框的列表,如果选中了任何复选框,我想在页脚上方弹出一个邀请按钮。它可能会阻止它所覆盖的行,但不应阻止对页面其余部分的输入。例如附加的图像 我不确定使用弹出窗口是否是正确的方法,但如果不是,请有人给我指出正确的方向。非常感谢。 检查此链接中的工具提示示例。工具提示不一定是弹出窗口,因为所有东西都是html元素,加载工具提示时,单击jquery弹出按钮也会发生。您可以合并工具提示代码并更改样式以将其显示
<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>
#popupBasic {
box-shadow: 0 0 0;
border-width: 0;
border-radius: 0;
background: transparent;
}