1

の使い方を模索中$.mobile.loadPageです。外部ページの読み込みに問題があります。ここに私のコードスニペットがあります:

<!DOCTYPE HTML>
<html>
   <head>
      <title>test</title>
      <meta name="viewport" content="width=device-width; initial-scale=1">
      <meta http-equiv="cache-control" content="no-cache">
      <meta http-equiv="pragma" content="no-cache">

      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />

      <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
      <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
      <script>
         function loadme () {
            $.mobile.loadPage( "external.html", {pageContainer: $('#homecontent')} );            
         }          
         ///////////////////////////////////////////////////////////////////
         $(document).bind ("pagebeforeload", function (event, data) {
            alert ("ext - pagebeforeload");
         });
         $(document).bind ("pageload", function (event, data) {
            alert ("ext - pageload");
         });
         $(document).bind ("pageloadfailed", "#page2", function (event, data) {
            alert ("pageloadfailed");
         });
      </script>
   </head>
   <body>

      <div data-role="page" id="home">
         <div data-role="header" data-id="myheader" data-position="fixed">
            <h1>Home Page</h1>
         </div>
         <div data-role="homecontent">
            <span onclick="loadme();" style="cursor:pointer;">load me</span>
         </div>
         <div data-role="footer" data-id="myfooter" data-position="fixed">
            <h1>footer</h1>
         </div>
      </div>

      <div data-role="page" id="page2" data-add-back-btn="true">
         <div data-role="header" data-id="myheader" data-position="fixed">
            <h1>Page 2</h1>
         </div>
         <div data-role="page2content">
         </div>
         <div data-role="footer" data-id="myfooter" data-position="fixed">
            <h1>footer</h1>
         </div>      
      </div>
   </body>
</html>

以下は私が得たエラーです

XMLHttpRequest は file:///C:/Documents%20and%20Settings/.../external.html を読み込めません。Origin null は、Access-Control-Allow-Origin では許可されていません。

ローカル デスクトップでテストしています。どんな提案でも大歓迎です。前もって感謝します

4

1 に答える 1

0

お使いのブラウザーには、ローカル ファイルに対する特定の種類の対話を防止するいくつかの制限があります。Chrome を使用していると仮定すると、このタイプのアクセスを有効にするには、コマンド ライン オプションを追加する必要があります。Windows では次のようになります。

chrome.exe --allow-file-access-from-files
于 2012-11-20T14:24:43.743 に答える