jquery-mobile - 在 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 之后的函数事件被触发。我怀疑这可能是因为页面首先被渲染和改进，只有在此之后，具有特殊含义的元素(如弹出窗口)才会绑定(bind)它们的事件。

您也可以尝试删除 data-role="popup"从您的弹出 DIV 中完全并基本上做到这一点:

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

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

...看看这是否适合你。