2

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

该面板将用作导航菜单。

谢谢

4

2 回答 2

3

您可以像这样以编程方式打开它:

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

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

于 2013-02-08T08:30:34.550 回答
1

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

于 2013-02-23T22:21:50.643 回答