Jquery简单的load()测试到一个容器div不工作

时间:2012-02-18 18:48:16

标签: jquery html load

我是jquery的新手,并且在使用jquery的load()函数将html doc加载到容器div时遇到问题。

我正在运行此测试,两个htmls文件都位于同一基本级html文件夹中的外部Web服务器上。

我在显示load()的click函数中写了一个警告,以测试浏览器是否识别js函数,并且FF和Chrome中的警报弹出正常,但html doc从不加载。

感谢您提供的任何帮助。希望这只是我遗漏了一些非常明显的东西。

谢谢!

包含容器div的基本html文件(bindtestone.html):

<!doctype html>
<html>
<head>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>

<script type="text/javascript">

  $(document).ready(function() {

    $("li#loader").click(function() {
        $("#container").load("bindtesttwo.html").fadeIn("fast");
        alert("this link is working");
    });
  });   

</script>

<style type="text/css">
    #loaderdiv { width:300px; border:1px solid #000;
     position:relative; }

    #container { width:500px; height:400px; border:1px solid #000;
     position:relative; overflow:visible; }

    #dynacontent { width:100px; border:solid 1px #000; 
     position:relative;  }
</style>    

</head>

<body>

<div id="loaderdiv">
  <ul><li id="loader"><a href="">load file</a></li></ul>
</div>

<div id="container">
</div>

</body>
</html>

我尝试使用jquery(bindtesttwo.html)加载的第二个html文件:

<!doctype html>
<html>
<head>
</head>

<body>

    <div id="dynacontent">
    <a href="">This is a link</a>
    </div>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

你的盲测2应该只有代表其内容的div ...试试。

删除<a href>代码