当前位置:  编程技术>jquery

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

    来源: 互联网  发布时间:2014-10-04

    本文导语:  一直想用jquery.load的方法载入新的页面,以实现局部刷新,结果发现载入进来的页面与原来单独的页面不一样,样式没了。 解决方法: 如果不过滤掉一些内容的话,直接加载,会使页面混乱的,比如新的页面也存在标签,加...

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

解决方法:
如果不过滤掉一些内容的话,直接加载,会使页面混乱的,比如新的页面也存在标签,加载进来后,一个页面就会存在两个标签是不规范的的HTML。
这个是在jquery.load()函数中规定的。
一般加载进来的页面需要自己根据加载的内容的元素重新定义CSS样式和添加js事件的。
比如:
原页面A.html:
 

代码示例:

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



被load的页面B.html:
 

代码示例:

Jquery.load载入页面实现局部刷新_www.
.page-li {font-size:12px;color:blue}



  • 234123
  • 341234
  • 41234
  • 412de34




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

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

    代码示例:


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

    .page-li {font-size:12px;color:green}



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



        
     
     

    您可能感兴趣的文章:

  • 使用jquery局部刷新(jquery.load)从数据库取出数据
  • Jquery 定时局部刷新的代码举例
  • jquery ajax 局部刷新小案例
  • jquery刷新页面 jquery局部刷新与及全页面刷新
  • jQuery 定时局部刷新(setInterval)方法总结
  • jquery捕获超链接事件并局部刷新的代码一例
  • jquery 局部刷新(jsp环境)
  • Jquery实现局部刷新的代码一例(c#版)
  • ajax jquery 页面局部刷新的不同实现代码
  • 用Jquery.load载入页面实现局部刷新
  • JQuery的Ajax请求实现局部刷新的简单实例
  • jquery ajax 局部无刷新更新数据的实现案例
  • jquery局部刷新DIV及动态时钟显示iterator无法输出数据的问题
  • c#与jquery实现局部刷新分页的代码
  • Jquery 局部刷新及表单取值赋值操作详解
  • Jquery更换主题同时刷新iframe页面的代码举例
  • jquery刷新aspx中iframe的src的代码
  • jquery禁用右键单击功能屏蔽F5刷新
  • jquery在firefox中刷新iframe页面,提示重复之前动作的解决方法
  • Jquery 随机刷新页面背景图片
  • jquery刷新页面代码及js常用函数汇总
  • 页面刷新时记住滚动条的位置jquery代码
  • Jquery实现无闪烁定时刷新的代码
  • Jquery、Ajax、Struts2定时刷新功能的实现代码
  • Jquery 无刷新提交表单的实例代码
  • Jquery、Ajax、Struts2完成定时刷新的方法
  • jquery ajax 无刷新提交数据与无刷新登录的例子
  • jquery控制自动刷新的代码举例
  • jQuery 无刷新分页的实现代码
  • JQuery 无刷新查询代码示例
  • Jquery 添加内容自动刷新的实现代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • sqlserver iis7站长之家
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3