Windows 8 Metro 설정 플라이 아웃이 Javascript에서 작동하지 않는 것 같습니까?

Question

는 최근 윈도우 8의 메트로 응용 프로그램을 만들려고하고 설정 플라이 아웃을 사용하려고했습니다. http://msdn.microsoft.com/en-us/library/windows/apps/hh780611.aspx

그러나, 나는 그것이 작동 할 수 없습니다 :

그래서 나는 MSDN 빠른 시작을 따랐다.

가 여기에 내가 설정이 플라이 아웃 추가 부분 : 나는 버튼을 누르면

function setupSettings() { 
    app.onsettings = function (e) { 
     e.detail.applicationcommands = { 'serv_changer': { title: 'Change Server', href: 'settings.html' } }; 
     WinJS.UI.SettingsFlyout.populateSettings(e); 
    } 
} 

함수 setupSettings 한 번만이라고 여기

(그래서 나는 확실히 그것을 한 번만 실행됩니다를 할 수 있습니다) 내 문제 : 버튼을 누르면 "서버 변경"링크 이이됩니다. 그러나 그것을 클릭하면 아무 일도 일어나지 않고 사이드 윈도우가 사라집니다.

• 누락 된 파일되지 않습니다 :

  는 여기 시도 것들 그래서 그것을이 중 하나가 알고 있습니다. 나는 존재하지 않는 다른 파일을 넣으려고 시도했는데 예외가 발생하고 프로그램이 중단되었습니다. 여기, 충돌하지 않습니다. 나는 마이크로 소프트의 예를 설정 파일 중 하나에 의해 settings.html를 대체하는 노력으로

• html로
은 제대로 구분된다.

나는 그것이 작동하지 않는 이유를 알아내는 문제를있다.

누군가의 도움 (필요한 경우 나는 더 많은 코드를 제공 할 수 있습니다) 수 있을까요?

감사합니다.

내 응용 프로그램에

Answer 1

, 내 HREF에서 슬래시 슬래시가 있습니다. 그래서이 href가 같은 '/settings.html'당신의 settings.html 페이지 또한

당신이 당신의 settings.html에서이 데이터 - 윈 ​​제어 = "WinJS.UI.SettingsFlyout"

Answer 2

이 있는지 확인 페이지에서 data-win-control 선언에 commandId의 이름 설정이 포함되어 있는지 확인하십시오. 이는 온라인 예제에서 누락 된 것 같습니다.

예 : 당신의 js 파일로 명령을 선언하는 경우

: ... 다음 확인

e.detail.applicationcommands = { 'serv_changer': { title: 'Change Server', href: 'settings.html' } }; 

하면 settings.html 파일 참조 'serv_changer'

<div data-win-control="WinJS.UI.SettingsFlyout" data-win-options="{settingsCommandId:'serv_changer', width:'wide'}"> 

Answer 3

은 JS 함수를 교체

function setupSettings() { 
    app.onsettings = function (e) { 
     e.detail.applicationcommands = { 'serv_changer': { title: 'Change Server', href: 'settings.html' } }; 
     WinJS.UI.SettingsFlyout.populateSettings(e); 
    } 
} 

function setupSettings(e) { 
     e.detail.applicationcommands = 
     { 
      "serv_changer": 
      { 
       title: "Change Server", 
       href: "/settings.html" 
      } 
     }; 
     WinJS.UI.SettingsFlyout.populateSettings(e); 
    } 

또한 serv_changer 확인이 settings.html 파일에서 참조합니다

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