1
有一个HTML页面使用Ajax Load() function
加载另一个HTML文件到当前HTML文档(到指定元素中)。当点击Links
时,其他HTML页面会正确加载。使用load()加载的代码会导致DOM添加,但源代码不会更改。您可以在页面中看到更改的HTML,但不能看到源代码。使用JQuery加载()函数后不要更改HTML DOM
DOM在使用JQuery Load() function
时没有操作吗?
代码:
<html>
<head>
<title>JQuery Learning</title>
<script type="text/javascript" src="..//jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
$('#newslinks a').click(function() {
var url=$(this).attr('href');
$('#headlines').load(url+' #newsItem');
return false;
});
});
</script>
</head>
<body>
<ul id='newslinks'>
<li><a href='today.html'>Today's News</a></li>
<li><a href='yesterday.html'>Yesterday's News</a></li>
<li><a href='week.html'>Last Week's News</a></li>
</ul>
<div id='headlines'>
<h3>This is headlines of News</h3>
</div>
</body>
</html>