jquery 加载html页面刷新,Jquery.load载入页面实现局部刷新的代码

一直想用jquery.load的方法载入新的页面，以实现局部刷新，结果发现载入进来的页面与原来单独的页面不一样，样式没了。

解决方法：

如果不过滤掉一些内容的话，直接加载，会使页面混乱的，比如新的页面也存在

标签，加载进来后，一个页面就会存在两个标签是不规范的的HTML。

这个是在jquery.load()函数中规定的。

一般加载进来的页面需要自己根据加载的内容的元素重新定义CSS样式和添加js事件的。

比如：

原页面A.html：

复制代码 代码示例:

Jquery.load载入页面实现局部刷新_www.jbxue.com

被load的页面B.html：

复制代码 代码示例:

Jquery.load载入页面实现局部刷新_www.jbxue.com

1. 234123
2. 341234
3. 41234
4. 412de34

在原页面A.html中加载调用的jquery.load()，然后再在原页面对 page-li 的样式重新定义即可。

添加了load(),css的原页面：

复制代码 代码示例:

Jquery.load载入页面实现局部刷新

$(function(){

$("#container").load("B.html #page",null,function(){alert("加载成功")});

});