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

Question

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

这是下面的代码，我正在尝试加载并显示模式中wtf.html的内容。 但它不会在Google Chrome 35、36或IE中显示，但是在Firefox 28和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>

Answer 1

没有什么不对。 这是Chrome的已知问题。 详情请参阅这里： https : //code.google.com/p/chromium/issues/detail?id=40787

对于IE也必须如此。 解决此问题的最佳方法是使用开发Web服务器。 对于Windows，我建议使用Mongoose 。 它体积小，重量轻。

PS：您可以通过在Chrome中使用--disable-web-security标志启动Chrome来解决此问题，但不建议这样做。 最好使用Web服务器。

Answer 2

我认为关键是您要声明这些是本地文件。 当从file:协议打开file:时，某些浏览器会阻止ajax的使用。

您应该能够调整安全设置以允许这样做。 或者在您的计算机上安装localhost服务器