Question

我正在制作混合应用程序，其中我有一个左侧面板。打开左侧面板时，我的页面变黑。我只在Windows Phone 8中遇到此问题。面板在Android设备上正常工作。 Windows支持jQuery Mobile是否存在问题？

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

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

function OpenLeftPanel() {

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

Answer 1

如何以docs

中描述的默认方式打开面板

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

data-rel应该是可选的。要运行listview-foo，请绑定到panelbeforeopen然后运行你的东西（在上面的链接中描述）。

Answer 2

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

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

在打开jquery移动面板时，页面变黑了

2 个答案: