大家好，朋友们，我是 jQuery Mobile 的新手，正在尝试通过使用 jquery mobile 创建网站来学习东西。问题是我用过data-role="panel"在我的页面上显示导航它工作正常，但是当我跳转到同一 HTML 文件中的另一个页面时，它停止工作我不知道破解这个问题需要您的帮助。你可以在这里检查小提琴。在主页面板上工作正常，但是当我单击“关于我们”页面时，它会跳转到那里，但面板停止工作
请帮助我。提前感谢:)
如果你想从任何页面访问同一个面板，你必须将面板 div 放在任何页面之外data-role="page"，然后你必须手动初始化它。这被称为外部面板.
<body>
<div data-role="panel" id="foo" data-theme="a">
<!-- contents -->
</div>
<!-- pages here -->
</body>
请注意，外部面板不会自动继承主题，因此，您需要添加data-theme归因于它。
The .enhanceWithin()功能是增强面板内的所有小部件。它们不会自动初始化，因此需要对其进行初始化。
$(function () {
$("[data-role=panel]").enhanceWithin().panel();
});
将该代码放在 JQM 库后面的 head 中。
Demo
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
