似乎在打开弹出窗口时没有事件传播到内容div。
我将弹出窗口用作警报消息，我希望在用户在页面上执行其他任务时保持其打开状态。
实时示例：http：//jsfiddle.net/wvVmT/703/
我希望即使在弹出窗口打开后单击红色区域也能发出警报。
HTML：
<div data-role="page">
<div data-role="content" id="content" style="background-color:red">
content
<a href="#" data-role="button" data-rel="popup" id="message-button">Message</a>
<div data-role="popup" id="message-popup" data-history="false" data-dismissible="false">popup</div>
</div>
</div>
JS：
$(function() {
$( '#message-button' ).click(function()
{
$( '#message-popup' ).popup( 'open' );
}
);
$( '#content' ).click(function()
{
alert('content');
}
)
});
如Omar所述，必须删除与弹出窗口关联的屏幕。
他建议删除所有弹出窗口的屏幕：
$('.ui-popup-screen').remove();
但是实际上，在创建弹出窗口的那一刻，将创建具有相同ID且后跟-screen的元素。因此，您可以只删除该一个以保留所有其他屏幕。在我的示例中：
$('#message-popup-screen').remove();
只需执行一次就足够了，因此您不必每次像在他的示例中一样打开弹出窗口时都要做；）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句