淡出div并在单击“不工作”时加载页面…jquery/ajax
这里的第一个问题 我试图做的是淡出内容(#main)并在单击时加载页面,然后淡入该页面的内容(#main)淡出div并在单击“不工作”时加载页面…jquery/ajax,jquery,ajax,fadein,fadeout,Jquery,Ajax,Fadein,Fadeout,这里的第一个问题 我试图做的是淡出内容(#main)并在单击时加载页面,然后淡入该页面的内容(#main) $('nav a').live('click', function(event) { var link = $(this).attr('href'); $('#main').fadeOut('slow', function() { $.get( link +' #wrapper', function(data) { $("
$('nav a').live('click', function(event) {
var link = $(this).attr('href');
$('#main').fadeOut('slow', function() {
$.get(
link +' #wrapper',
function(data) {
$("#main").html(data).fadeIn('slow');
},
"html"
);
});
return false;
});
但它在Chrome控制台中出现了以下错误:
加载资源失败:请求的资源上不存在“访问控制允许来源”标头。因此,不允许访问源“null”
可能有一个更简单的方法来实现这一点,但似乎无法解决此错误
我在stackoverflow上发现了一个类似的问题,我会把它贴出来,但我已经把它弄丢了,为此我深表歉意
任何帮助都将不胜感激
谢谢
George此错误是您试图从另一个域获取数据的链接 在这种情况下,请确保调用web服务器(即资源所在的web服务器)设置了CORS头。您还需要知道,只有现代浏览器IE9+支持CORS 如果你能做到这一点,我想你会想要:
$("#main").fadeIn('slow');
解决此问题的一种方法是构建一个服务器端代理,它可以请求您所需的资源,然后您的get方法将与此代理对话。感谢您的快速响应。好的,当然,这并不理想,因为我希望它是跨浏览器友好的。你有没有任何其他的建议,我可以这样做(不包括CORS)?