我是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>
答案 0 :(得分:0)
你的盲测2应该只有代表其内容的div ...试试。
删除<a href>
代码