ajax异步加载页面元素,使用jQuery的AJAX封装函数load（）异步加载多个页面的相同页头/页尾（注意：js无法操作动态生成的网页元素）...

注意：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');

?>

---

版权所有® 2016 TARENA.COM