Jquery mobile外部面板无法在windows phone上打开答案

【问题标题】：Jquery mobile external panel not opening on windows phoneJquery mobile外部面板无法在windows phone上打开
【发布时间】：2015-05-11 22:12:43
【问题描述】：

我正在使用 phonegap 开发移动应用程序。当我在 Windows 8 手机中部署我的代码时，我的外部面板没有打开。当我尝试打开它时，它显示一个空白页面。

我的代码是：

<div data-role="page" id="more" data-title="Sho Sho Restaurant">
        <div data-role="header" data-position="fixed">
            <h1 class="ui-title" role="heading">&nbsp;</h1>
            <a class="ui-btn-left ui-btn ui-shadow ui-corner-all" href="#mypannel"><i class="fa fa-list"></i></a>
        </div>
        <div role="main" class="ui-content">
            //App content here
        </div>
    </div>

<div data-role="panel" id="mypannel" data-position="left" data-theme="c" data-position-fixed="true" data-display="overlay">
        <ul class="ui-content" data-role="listview" data-theme="a">
            <li><a href="#home"><i class="fa fa-home"></i> Home</a></li>
//Other menu lists here.
        </ul>
    </div>

【问题讨论】：

标签： cordova jquery-mobile windows-phone-8

【解决方案1】：

如果您有可用的堆栈跟踪，请发布。这将有助于缩小发生这种情况的原因。

我的猜测是您没有初始化 external 面板。创建页面时，页面元素内的项目将自动为您初始化。必须设置外部元素（jqm 元素，如可以在页面之外的弹出窗口或菜单）才能使用它们。对于外部面板：

$( "#mypannel" ).panel(options);

可以在api documentation 中找到选项。另外，请查看demos page。

根据您的应用程序结构，您可以在页面内移动面板，以便在创建页面时自动初始化。

【讨论】：