淡出div并加载页面点击不工作... jquery / ajax

Question

这里的第一个stackoverflow问题......

我要做的是淡出内容（#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控制台中出现以下错误： 无法加载资源：请求的资源上没有“Access-Control-Allow-Origin”标头。因此不允许原点'null'访问。

这可能更简单，但似乎无法解决此错误。

我在stackoverflow上发现了一个类似的问题，并将其发布，但已经丢失了，所以道歉。

任何帮助将不胜感激！

由于 乔治

Answer 1

此错误是您尝试从其他域获取数据的链接。

在这种情况下，确保调用Web服务器，即资源所在的Web服务器具有CORS标头集。您还需要注意，只有现代浏览器IE9 +支持CORS。

http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

如果你让这个工作，我想你会想要：

$("#main").fadeIn('slow');

解决此问题的一种方法是构建服务器端代理，该代理可以请求您需要的资源，然后您的get方法将与此代理进行通信。