Question

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

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

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

Answer 1

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

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

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

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

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

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

将该代码置于JQM库之后。

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

这里的一个很好的演示