jQuery-mobile 1.3面板始终可见

时间:2013-02-07 23:08:24

标签: jquery css3 jquery-mobile menu panel

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

此面板将用作导航菜单。

谢谢

2 个答案:

答案 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键,面板将关闭,如果没有按钮再次打开它,菜单会打开! 我还没有找到一种方法来使用面板作为菜单栏。如果有人这样做,请帮助我们!