Javascript 尝试将子弹出按钮添加到“设置”链接

我正在创建一个Windows8应用程序，我在设置框中创建了一个链接，可以转到一个名为“帮助”的页面。在此帮助页面上，我有一个链接列表，我希望能够在弹出按钮中导航到这些链接。我在帮助页面上使用下面的javascript代码来侦听将用户发送到另一个帮助类别页面的单击事件：

(function () {
    "use strict";
    var page = WinJS.UI.Pages.define("/pages/help/help.html", {
        ready: function (element, options) {
            document.getElementById("quickViewButton").addEventListener("click", gotoQuickView, false);
}
    });

    function gotoQuickView() {
        WinJS.Application.onsettings = function (e) {
            e.detail.applicationcommands = {
                "divQView": { title: "QuickView", href: "/pages/help/quickview.html" }
            };
            WinJS.UI.SettingsFlyout.populateSettings(e);
        };

    }

})();

有没有关于我可能遗漏什么的想法？提前感谢。

对于此，可以使用

例如：

(function () {
  "use strict";
  var page = WinJS.UI.Pages.define("/pages/help/help.html", {
    ready: function (element, options) {
        document.getElementById("quickViewButton").addEventListener(
                "click", gotoQuickView, false);
    }
  });

  function gotoQuickView() {
    // need to ensure that settingFlyoutId in the quickview.html page 
    // is same as the first parameter below
    WinJS.UI.SettingsFlyout.showSettings('quickview', 
      '/pages/help/quickview.html');
  }
})();

<div data-win-control="WinJS.UI.SettingsFlyout" 
     data-win-options="{settingsCommandId:'quickview'}">

（函数（）{
“严格使用”；
var page=WinJS.UI.Pages.define（“/Pages/help/help.html”{
就绪：功能（元素、选项）{
document.getElementById（“quickViewButton”）.addEventListener(
“单击”，gotoQuickView，false）；
}
});
函数gotoQuickView（）{
//需要确保quickview.html页面中的settingFlyoutId
//与下面的第一个参数相同
WinJS.UI.SettingsFlyout.showSettings（'quickview'，
“/pages/help/quickview.html”）；
}
})();

为此，可以使用

例如：

(function () {
  "use strict";
  var page = WinJS.UI.Pages.define("/pages/help/help.html", {
    ready: function (element, options) {
        document.getElementById("quickViewButton").addEventListener(
                "click", gotoQuickView, false);
    }
  });

  function gotoQuickView() {
    // need to ensure that settingFlyoutId in the quickview.html page 
    // is same as the first parameter below
    WinJS.UI.SettingsFlyout.showSettings('quickview', 
      '/pages/help/quickview.html');
  }
})();

<div data-win-control="WinJS.UI.SettingsFlyout" 
     data-win-options="{settingsCommandId:'quickview'}">

（函数（）{
“严格使用”；
var page=WinJS.UI.Pages.define（“/Pages/help/help.html”{
就绪：功能（元素、选项）{
document.getElementById（“quickViewButton”）.addEventListener(
“单击”，gotoQuickView，false）；
}
});
函数gotoQuickView（）{
//需要确保quickview.html页面中的settingFlyoutId
//与下面的第一个参数相同
WinJS.UI.SettingsFlyout.showSettings（'quickview'，
“/pages/help/quickview.html”）；
}
})();

WinJS.UI.SettingsFlyout.showSettings（）方法允许我在help/help.html页面上的子链接之间导航，效果非常好。但是，当我从help.html转到quickview.html并尝试使用后退箭头按钮返回help.html页面时，需要几秒钟和几次单击才能启动该方法。我在我的quickview page back按钮上使用了以下代码：有什么想法可能会导致此延迟？谢谢！WinJS.UI.setingsflyout.showSettings（）方法允许我在help/help.html页面上的子链接之间导航，这非常有效。但是，当我从help.html转到quickview.html并尝试使用后退箭头按钮返回help.html页面时，需要几秒钟和几次单击才能启动该方法。我在我的quickview page back按钮上使用了以下代码：有什么想法可能会导致此延迟？谢谢！