在新的 jQuery-mobile 1.3 版本中,如何添加一个从一开始就始终可见的左侧面板?
该面板将用作导航菜单。
谢谢
您可以像这样以编程方式打开它:
$(document).on('pagebeforeshow', '#index', function(){
$( "#mypanel" ).panel( "open");
});
这是一个有效的 jsFiddle 示例:http: //jsfiddle.net/Gajotres/EkbYe/
将面板用作菜单栏时,有些事情会搞砸。(然而)如果您以这种方式打开面板,它在宽度较小的设备中将无法完美运行。它会起作用,但很奇怪,因为页面的一部分不在屏幕上并且没有水平滚动。在面板打开并锁定为菜单栏的情况下,无法在手机中导航。(我假设您不想使用按钮来打开和关闭面板!)也许您的目标用户只使用桌面或更大屏幕的设备。在这种情况下,您可以使用此代码,加上面板标签中的 data-dismissible="false" AND data-swipe-close="false"。但仍然有一个问题:ESC 键。如果用户按下 ESC 键,面板将关闭,如果你没有按钮再次打开它,菜单会爆炸!我还没有找到一种将面板用作菜单栏的方法。如果有人这样做,