jQuery Mobile - 页面加载时按钮点击无效，但在刷新页面后尝试则有效。

Question

我有两个页面，第一页是一个表单，第二页是一个对话框。我试图通过按钮点击在第一页中打开第二页。不幸的是，它按预期工作，但在页面首次加载时却不起作用。只有在刷新页面后才能正常工作。

我已经努力尝试了，但还没有成功。

- suj

Answer 1

你需要将你的脚本放在页面内，并用pageinit包装你的脚本

<div data-role="page" data-theme="a">
    <div data-role="content">
        <script type="text/javascript">
            $(document).one("pageinit", function (e) {
                // Whatever script here
            });
        </script>
    </div>
</div>

这两个地方的文档有些不太完善。

• http://jquerymobile.com/demos/1.0.1/docs/pages/page-scripting.html
• http://jquerymobile.com/demos/1.0.1/docs/api/events.html

- Jeow Li Huan

---

谢谢Jeow...我已经将我的脚本放在页面内并用pageinit包装了脚本....还有什么可能是罪魁祸首？？？ - suj

也许你有ID冲突吗？由于jQuery Mobile将第一个和第二个页面都保存在DOM中，如果第一个页面和第二个页面具有相同的ID，则始终会选择来自第一个页面的ID。为了解决这个问题，我使用$("#IdHere", e.target)，其中e来自pageinit事件。 - Jeow Li Huan

嗨Jeow，非常感谢您的建议。实际上我错过了及时看到您的更新，但最终我改变了我的设计并且它按预期工作。当我遇到类似情况时，我一定会遵循您的建议。再次感谢。 - suj