Javascript 在jQuery UI对话框中动态加载本地HTML文件

在jQuery UI对话框中动态加载本地HTML文件

下面是我的代码，我试图在模式中加载和显示wtf.html的内容。 但它在谷歌Chrome35、36和IE中都没有出现，但在Firefox28和30中效果很好

我们做错了吗

<div></div>

<script type="text/javascript">

$(function ()    {
    $('<div>').dialog({
        modal: true,
        open: function (){$(this).load('wtf.html');},         
        height: 400,
        width: 400,
        title: 'Dynamically Loaded Page'
    });
});

</script>

$（函数（）{
$（''）。对话框({
莫代尔：是的，
打开：函数（）{$（this.load（'wtf.html'）；}，
身高：400，
宽度：400，
标题：“动态加载的页面”
});
});

---

我想关键是你说这些是本地文件。当从

文件：

协议打开文件时，某些浏览器会阻止使用ajax

---

您应该能够调整安全设置以允许它。或者在您的计算机上安装

localhost

服务器

没有问题。这是Chrome的一个已知问题。详情请参见此处：

IE也必须如此。解决此问题的最佳方法是使用开发web服务器。我建议用窗户。它体积小、速度快、重量轻

---

PS：您可以在Chrome中使用

--disable web security

标志启动Chrome来解决这个问题，但不鼓励这样做。最好使用web服务器。

我假设这是jQuery UI？你的控制台告诉你什么？还可以查看Chrome中的“网络”选项卡。