注意:js无法操作动态生成的网页元素;
解决方法 1.使用事件委托给他们的父元素
2.在load()的回调函数中操作;如:
$('#header').load('5_header.php',function(){
//在回调函数中操作动态加载的头部中的html元素
});
html
.nav {
list-style:none;
margin: 0;
padding: 0;
}
.nav li {
display: inline-block;
}
.copyright {
text-align: center;
}
这是首页
lorem*3
//待页面加载完后,异步请求页头和页尾
//$(document).ready(fn);
$(function(){ //页面加载完成要执行的函数
$('#header').load('5_header.php',function(){
//在回调函数中操作动态加载的头部中的html元素
});
$('#footer').load('6_footer.php');
});
header.php
header('Content-Type: text/html;charset=UTF-8');
?>
首页新闻产品
footer.php
header('Content-Type: text/html;charset=UTF-8');
?>
版权所有®
ajax异步加载页面元素 使用jQuery的AJAX封装函数load异步加载多个页面的相同页头/页尾(注意:js无法操作动态生成的网页元素)...