.load在jquery中不起作用

时间:2012-01-16 07:47:59

标签: javascript jquery html ajax

这是我的代码。当我点击“点击此处”链接时,html文件未在div中加载

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("#click").click(function(){
          $("#loadthis").load('timeless_op1.html');
        });
      });
    </script>
  </head>
  <body>
    <div id="loadthis">Load the html file here</div>
    <div id="click">Change Content</div>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

已经检查过,这就是我的理由。

我的测试代码是:

<a href="javascript: void(0);" id="activate">Click here to load</a>
<div id="loaded"></div>

<script type="text/javascript">
    $('a#activate').live('click', function(e) {
        $('div#loaded').load('test.txt');
    });
</script>

当我将其放置在我的网站的webroot之外时,它会加载到Mozilla中,但不会加载到Opera和Chrome中。我认为如果你打开本地文件,浏览器不适用于网络功能,或者工作但不同。无论如何,如果将它放入任何站点的文档根目录中,它都可以工作。换句话说,如果你通过url:file://localhost/C:/Users/devdRew/Desktop/test.htm在浏览器中打开它,Mozilla工作正常,其他 - 不是。如果你打开它:http:\\somemytestdomain\test.htm,那么一切都很完美。