jQuery Mobile：加载时打开外部面板

Question

我陷入了困境：如何让我的 external 左侧面板默认打开。

我这样定义外部面板：

$(document).on('pagebeforecreate', function () {
    $("#left_sidebar").panel().enhanceWithin();
});

并在初始化后打开：

$(document).on('pagebeforeshow', function() {
    $("#left_sidebar").panel( "open");    
});

实际上它会打开侧边栏，但页面会以某种方式显示在它上面。如果我在页面中定义我的面板，一切正常。

有什么我错的地方吗？

Answer 1

面板的某些部分可能无法在 pagebeforecreate 上计算，因为浏览器还不知道每个元素的位置和方式。

您可以通过将面板初始化放入 pagebeforeshow 来解决此问题，如果初始化在 pageshow 上可见，则延迟页面显示。