jquery - 在 jquery 对话框中加载外部 url 总是显示取消状态

Question

我正在尝试在 jquery 对话框中显示 Instagram 登录窗口：

$(function(){
            //$("#modal").dialog({ autoOpen: false });
            var url = "https://instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=http://www.google.com/&response_type=code";
            $("#modal").load(url).dialog({modal:true}); 
        });

该网址在浏览器中有效，但是当我尝试在 iframe 或对话框中加载时，它不起作用。url 不是问题，因为，我尝试使用其他 URL，但在 chrome 网络中总是显示 Url -> 状态已取消

Answer 1

加载完成后尝试创建对话框

$("#modal").load(url, function(){$(this).dialog({modal:true})}); 

同样适用于 ajax同源策略，所以这可能是一个原因。