jQuery-mobile 1.3面板始终可见

在新的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”AND data-swipe-close =“false”。 但仍有一个问题：ESC键。 如果用户按下ESC键，面板将关闭，如果没有按钮再次打开它，菜单会打开！ 我还没有找到一种方法来使用面板作为菜单栏。 如果有人这样做，请帮助我们！