PhoneGap と JQuery Mobile を使用した次のコードがあります。
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=320; user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Test RSS</title>
<script type="text/javascript" charset="utf-8" src="jquery.mobile/jquery-1.7.2.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery.mobile/jquery.mobile-1.1.1.js"></script>
<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.1.css" />
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8">
var onDeviceReady = function() {
... //some code
$("#homePage").live("pageinit", function() {
... //some more code
});
};
function init() {
document.addEventListener("deviceready", onDeviceReady, true);
}
</script>
</head>
<body onload="init();" id="stage" class="theme">
<div data-role="page" id="homePage">
<div data-role="header">
<h1></h1>
</div>
<div data-role="content">
<ul id="linkList" data-role="listview" data-inset="true"></ul>
</div>
<div data-role="footer">
<h6>Market Bytes by @toddysm</h6>
</div>
</div>
<div data-role="page" id="contentPage">
<div data-role="header">
<a href="#homePage" data-rel="back">Home</a>
<h1></h1>
</div>
<div data-role="content" id="entryText"></div>
</div>
</body>
</html>
$("#homePage").live("pageinit", function() が実行されると、何らかの理由で次のエラーが表示されます: XMLHttpRequest cannot load http://127.0.0.1:44104/[some-GUID].Origin null は Access-Control-Allow-Origin では許可されていません 問題は、別のページを読み込もうとしていないことと、これまでに見つけた提案が機能しないことです。
解決策は何ですか?