面板在使用JQuery Mobile的所有页面中都不起作用

Kam*_*mal 2 jquery panel jquery-mobile

喜的朋友我在jQuery Mobile的是新,并试图通过创建使用jQuery Mobile的网站来学习的东西.问题是我用来data-role="panel"显示在我的网页导航其工作正常,但是当我跳到另一页是在同一个HTML文件,它停止工作,我不知道什么是裂纹此事这个问题需要你的帮助.你可以在这里查看小提琴.在主页面板工作正常,但当我点击关于我们页面时它跳转但面板停止工作

请帮帮我们..先谢谢:)

Oma*_*mar 10

如果要从任何页面访问同一面板,则必须将面板div放在任何页面之外data-role="page",然后必须手动初始化它.这称为外部面板.

<body>
  <div data-role="panel" id="foo" data-theme="a">
    <!-- contents -->
  </div>

  <!-- pages here -->
</body>
Run Code Online (Sandbox Code Playgroud)

请注意,外部面板不会自动继承主题,因此您需要向其添加data-theme属性.

.enhanceWithin()功能是增强面板内的所有小部件.它们不是自动初始化的,因此需要进行初始化.

$(function () {
  $("[data-role=panel]").enhanceWithin().panel();
});
Run Code Online (Sandbox Code Playgroud)

将代码放在JQM库之后.

演示