我正在查看JQuery Mobile网站,并且有一个外部小组here的条目
然而它显示它正常工作,但是当我查看代码时,它非常冗长而复杂,我只是在寻找一个允许1个面板位于多个页面上的代码片段。看来此页面的javascript是网站上演示的所有代码的一部分。
我希望有人知道哪个部分是相关的。
答案 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库之后。
希望这可以解除你的怀疑。
这里的一个很好的演示