Javascript 访问控制不允许jQuery Mobile-Swipe-Origin null允许Origin
好吧,在我因为问一个常见问题而陷入繁文缛节之前,请听我说完。我正在使用Phonegap开发一个移动web应用程序和jQuery,用于在不同页面之间滑动。不同的页面是指不同的HTML文件,而不是一个HTML文件中的div。为了便于说明,让我们从我在应用程序中拥有的很多html文件中选取两个Javascript 访问控制不允许jQuery Mobile-Swipe-Origin null允许Origin,javascript,jquery-mobile,cordova,xmlhttprequest,Javascript,Jquery Mobile,Cordova,Xmlhttprequest,好吧,在我因为问一个常见问题而陷入繁文缛节之前,请听我说完。我正在使用Phonegap开发一个移动web应用程序和jQuery,用于在不同页面之间滑动。不同的页面是指不同的HTML文件,而不是一个HTML文件中的div。为了便于说明,让我们从我在应用程序中拥有的很多html文件中选取两个 index.html test.html 假设控件位于test.html中,我执行以下操作 <!DOCTYPE html> <html> <head>
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
<script>
$(function(){
$("#home").bind('swipeleft',function(event, ui){
$.mobile.changePage("../index.html", "slide");
});
});
</script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>Main Page</h1>
</div>
<div data-role="content">
<p>Slide finger left</p>
</div>
</div>
</body>
</html>
测验
$(函数(){
$(“#home”).bind('swipleft',函数(事件,用户界面){
$.mobile.changePage(“../index.html”,“幻灯片”);
});
});
主页
向左滑动手指
我阅读了讨论并尝试将“&callback=?”添加到index.html的末尾。这删除了错误“访问控制不允许源null允许源”,但它支持了一个新的错误“未找到资源”。在基于Webkit的浏览器(Mobile Safari、Chrome)中出现以下错误。我在Firefox中运行了该文件,屏幕上出现了一个简单的“错误加载页面”警报
请帮我解决这个问题。万分感谢 实际上,它们不在同一个目录中。这是jsfiddle链接,我没有做幻灯片动画就解决了这个问题。我得到swipeleft手势,我做location=“../index.html”;您的解决方案是否强制index.html重新加载所有常见的js,如jqm、css等?@IdoGreen先生,您的
fiddle
不起作用