嗨， friend 们，我是 jQuery Mobile 的新手，正在尝试通过使用 jquery mobile 创建网站来学习东西。问题是我使用 data-role="panel" 在我的页面上显示导航，它工作正常，但是当我跳转到同一 HTML 文件中的另一个页面时，它停止工作，我不知道是什么解决这个问题需要您的帮助。 <强> You can check fiddle here 。在主页面板上工作正常，但是当我单击“关于我们”页面时，它会跳转到那里，但面板停止工作
请帮助我......提前致谢:)
最佳答案
如果你想从任何页面访问同一个面板，你必须将面板 div 放置在任何 data-role="page" 之外，然后你必须手动初始化它。这称为外部面板。
<body>
<div data-role="panel" id="foo" data-theme="a">
<!-- contents -->
</div>
<!-- pages here -->
</body>
请注意，外部面板不会自动继承主题，因此，您需要为其添加data-theme属性。
.enhanceWithin() 函数用于增强面板内的所有小部件。它们不会自动初始化，因此需要对其进行初始化。
$(function () {
$("[data-role=panel]").enhanceWithin().panel();
});
将该代码放在 JQM 库后面的 head 中。
关于jquery - 面板无法在使用 JQuery Mobile 的所有页面中工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21857208/