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