Jquery 移动外部面板在 Windows Phone 上无法打开

Question

我正在使用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>

Answer 1

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

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

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

可以在 api 文档中找到选项的位置。 另外，请查看演示页面。

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