Jquery Mobile 1.4.2外部面板......代码在哪里?

时间:2014-05-20 09:35:51

标签: jquery-mobile

我正在查看JQuery Mobile网站,并且有一个外部小组here的条目

然而它显示它正常工作,但是当我查看代码时,它非常冗长而复杂,我只是在寻找一个允许1个面板位于多个页面上的代码片段。看来此页面的javascript是网站上演示的所有代码的一部分。

我希望有人知道哪个部分是相关的。

1 个答案:

答案 0 :(得分:3)

如果您想从任何页面访问同一个面板,您必须将面板div置于任何data-role =" page"之外,然后您必须手动初始化它。这称为外部面板。

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

  <!--Multiple pages here -->
</body>

请注意,外部面板不会自动继承主题,因此您需要向其添加数据主题属性。

.enhanceWithin()函数用于增强面板内的所有小部件。它们没有自动初始化,因此需要进行初始化。

$(function () {
  $("[data-role=panel]").enhanceWithin().panel();
});

将该代码置于JQM库之后。

希望这可以解除你的怀疑。

这里的一个很好的演示

Demo