Я пытаюсь использовать jquery mobile с телефонной связью в многостраничном документе. Tring для использования основных ссылок href внутри документа, указывает, что значение null исходного значения недопустимо по ошибке Access-Control-Allow-Origin, что довольно неприятно.
Это связано с тем, что индексная страница ссылается на файл://, а не на http://, который веб-кит интерпретирует как источник null. Кто-нибудь получил jquery mobile и phonegap для работы в многостраничной среде? если да, то как вы можете это сделать? Если вы добавите rel= external к тегам href, ссылки работают, но, конечно, все переходы теряются.
Невозможно найти информацию об этой конкретной проблеме при переполнении стека или в Интернете.
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap-1.2.0.js"></script>
<link rel="stylesheet" href="#" onclick="location.href='http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css'; return false;" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
$(document).bind( "mobileinit", function(){
//alert("mobileinit fired");
$.support.cors = true;
$.mobile.allowCrossDomainPages = true;
});
</script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript">
function onDeviceReady() {
navigator.network.isReachable("google.com", reachableCallback, {});
}
// Check network status
function reachableCallback(reachability) {
// There is no consistency on the format of reachability
var networkState = reachability.code || reachability;
var states = {};
states[NetworkStatus.NOT_REACHABLE] = 'No network connection';
states[NetworkStatus.REACHABLE_VIA_CARRIER_DATA_NETWORK] = 'Carrier data connection';
states[NetworkStatus.REACHABLE_VIA_WIFI_NETWORK] = 'WiFi connection';
if (networkState != 0) online = true;
}
var online = navigator.onLine || false;
$(document).ready(function() {
$(document).bind('deviceready', function(){
onDeviceReady()
})
// Your main code
})
//Now if you about to make an AJAX call to load up some dynamic data, you can easily check to see if you're online
if(online) {
} else {
}
</script>
</head>
<body>
<h1>Welcome to PhoneGap</h1>
<a href="edit.html">Edit html</a>
</body>
</html>