局部载入html后 主页面变了,html局部刷新_Jquery.load载入页面实现局部刷新的代码...

本文介绍使用JQuery的load方法实现网页局部刷新的过程及注意事项。当加载包含相同标签的新页面时,原有的样式可能会丢失,因此需要对加载内容的样式进行重新定义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

摘要 腾兴网为您分享:Jquery.load载入页面实现局部刷新的代码,中意在线,掌上看家,有道英语,一点万象等软件知识,以及自动同步软件,微信清理软件,win10截图工具,好好租房东版,l360打印机驱动,无主之地1,人教版八上语文书,溜溜网软件,hackmap,星朋,girigiri,测手相,麦玲玲年生肖运程,超级蘑菇,六年级英语单词表上册人教版等软件it资讯,欢迎关注腾兴网。一直想用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("加载成功")});

});

相关推荐

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值