在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或对话框时，它不起作用。 这不是问题所在，因为，我尝试使用其他网址，但在Chrome网络中总是显示我的网址 - ＆gt;状态已取消

Answer 1

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

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

同样适用于ajax same origin policy，这可能是一个原因。