淡出div并在单击“不工作”时加载页面…jquery/ajax

淡出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) { $("

这里的第一个问题

我试图做的是淡出内容(#main)并在单击时加载页面,然后淡入该页面的内容(#main)

$('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)?