代码之家 › 专栏 › 技术社区 › Sharvil

打开jquery移动面板时页面变黑

panel windows-phone jquery-mobile jquery-ui

0

Sharvil · 技术社区 · 12 年前

我正在制作一个混合应用程序,其中有一个左侧面板。打开左侧面板时,我的页面变为黑色。我只在windows phone 8中遇到这个问题。面板在android设备上正常工作。Windows对jQuery Mobile的支持有问题吗?

我有菜单按钮的图像。我调用了一个javascript函数。javascript函数如下

    <img src="images/leftnav_icon.png" id="leftnavImage" onclick="OpenLeftPanel()"/>

function OpenLeftPanel() {

$('#myPanel ul').listview();
$('#myPanel ul').listview('refresh');
$("#myPanel").panel("open");
}

2 回复 | 直到 12 年前

1

0

frequent 12 年前

如中所述,以默认方式打开面板怎么样 docs

 <a href="#[your_panel_id]" data-rel="panel">
   <img src="..." />
 </a>

这个 data-rel 应该是可选的。要运行listview foo,请绑定到 panelbeforeopen 然后运行你的东西(在与上面相同的链接中描述)。

2

0

Sharvil 12 年前

谢谢大家的帮助。我解决了这个问题。我刚刚在所有页面上添加了一个页脚,左侧面板现在工作正常!页脚的CSS为

    #yourFooterId{
     position: absolute;
     bottom: 0px;
     width: 100%;
     height: 1px;
     opacity: 0;
 }