javascript - 如何在 pageinit 之后初始化弹出窗口？

Question

问题:我的文本字段非常长，我将其 chop 并将全文放入 jQuery Mobile 弹出窗口中，单击“[更多]”链接时将显示该弹出窗口。但是，在用弹出窗口标记替换文本后，我无法找到正确的 Hook 来初始化弹出窗口。我将其绑定(bind)到 pageinit，但是当我单击时，没有任何反应。根本不绑定(bind)替换代码会给我这样的消息:“在尚未初始化的弹出窗口上调用的函数”，所以我知道一些初始化是必要的 - 但如果不在 pageinit 处，我就不会知道需要在堆栈的早期调用它。

JSFiddle:http://jsfiddle.net/KSFyn/1/ - 注意:由于 JSFiddle 的内置 jQuery Mobile 是 1.1.1，因此 pageinit 未按预期执行，但这让您了解我正在尝试完成的任务。

Answer 1

这样的东西有用吗？

• http://jsfiddle.net/RyNFc/1/

更新:需要重新创建 jQM 标记，因为您在创建页面后动态添加弹出文本(使用 JQM 中的“create”事件 ~ beh)

• http://jsfiddle.net/RyNFc/4/

HTML

<div data-role="page" class="type-home">
    <div data-role="content">
        <a href="#popupInfo" data-rel="popup" data-role="button" data-inline="true">This is an exceptionally long span ...</a>
        <div data-role="popup" id="popupInfo" class="ui-content" data-theme="e" style="max-width:350px;">
          <p>This is an exceptionally long span that I will attempt to break up with JS and present the full text as a popup.  This is an exceptionally long span that I will attempt to break up with JS and present the full text as a popup.</p>
        </div>
    </div>
</div>
​