Question

我认为我的外部面板（jQM 1.4）工作得很好，直到我向他们添加了更多内容，现在，我可以看到应用主页下面的外部面板。

如果它们很短，那很好，但是一旦达到一定高度，你可以向下滚动主页（第一页）并查看面板的内容。

new docs没有多大帮助：/

我尝试了很多变化......但这是一个触发它的基本示例：

<div data-role="panel" id="imExternal" data-theme="a">
  <div style="height: 1200px; background: #000;">
    <p>this is the panel, code is tight and outside of any containing page divs.</p>
  </div>
</div>

*更新：我特意在我的应用中看到它，弹出一个弹出窗口，然后单击输入字段以显示Android键盘。它似乎调整了页面的大小，该页面显示了其下方另一个页面（外部面板）的内容。

Answer 1

您应手动增强外部小部件，因为在创建页面时它们不会得到增强。

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

此外，外部面板中的元素/小部件也应该得到增强。

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

Answer 2

实际上......不要在外部面板中使用弹出窗口。最终，这是导致这种情况的根本原因。

Answer 3

我通过将相关页面的css高度设置为窗口高度来解决这个问题，这阻止了底层面板显示在它下面。

$('#page').css('height', $(window).height());

jquery mobile 1.4中的外部面板导致显示错误

3 个答案: