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

Question

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

以下是我的代码，我尝试在模式中加载并显示wtf.html的内容。 但它并没有在谷歌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也必须如此。解决此问题的最佳方法是使用Development Web服务器。对于Windows，我建议Mongoose。它体积小，重量轻。

PS：您可以通过启动带有--disable-web-security标记的Chrome来解决此问题，但不鼓励这样做。最好使用Web服务器。

Answer 2

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

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