jQuery-mobile 1.3面板始终可见

Question

在新的jQuery-mobile 1.3版本中，如何添加一个从一开始就始终可见的左侧面板？

此面板将用作导航菜单。

谢谢

Answer 1

您可以像这样通过编程打开它：

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

下面是一个有效的jsFiddle示例：http://jsfiddle.net/Gajotres/EkbYe/

Answer 2

在使用面板作为菜单栏时，有一些事情会搞砸。(然而)如果你以这种方式打开面板，它在小宽度的设备上将不会完美工作。它可以工作，但它很奇怪，因为页面的一部分不在屏幕上，也没有水平滚动。在面板打开并锁定为菜单栏的情况下，无法在手机中导航。(我假设您不想使用按钮来打开和关闭面板！)也许你的目标用户只在台式机或大屏幕设备上。在这种情况下，你可以使用这个代码，加上面板标签中的data-dismissible="false“和data-swipe close=”false“。但是仍然有一个问题: ESC键。如果用户按下ESC键，面板将关闭，如果您没有按钮再次打开它，菜单将爆炸！我还没有找到一个方法来使用面板作为菜单栏。如果有人这样做了，请帮帮我们！