在Jquery-Mobile的pageshow上打开一个弹出窗口

Question

看来我无法在使用事件"pageshow"调用的方法中打开弹出窗口.我知道我的代码没有错,因为当我点击按钮弹出窗口时...我在Firebug中检查了没有错误消息.这是代码:

HTML:

<div data-role="popup" id="myPopup">
    ... my elements
</div>

JS:

$('#p_guarantee').live('pageshow', function(){
    $('#myPopup').popup('open');
});

有人知道是否有特别的事要做？如果你能解决我的问题,我会很感激:)

提前致谢 !

Answer 1

按照我们在评论中的讨论,您可以setTimeout()在pageChange事件触发后使用函数解决此问题.我怀疑这可能是因为页面首先被渲染和改进,只有在此之后,具有特殊含义的元素(如弹出窗口)才能使它们的事件受到约束.

您也可以尝试data-role="popup"从弹出式DIV中完全删除它,基本上这样做:

<div id="myPopup">
    ... my elements
</div>

$('#p_guarantee').live('pagechange', function(){
    $('#myPopup').popup();
    $('#myPopup').popup('open');
});

...看看它是否适合你.