分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

控制使用jquery load()方法载入新页面中的元素

发布时间:2023-09-06 01:17责任编辑:蔡小小关键词:暂无标签

最近在项目中用到jquery的load()方法来加载页面,首先简单说一下load()方法。

load(url,data,callback);该方法接收三个参数,第一个是载入的页面地址,第二个是要传到服务器的参数,第三个是页面加载成功后执行的回调函数。这三个参数中,data和callback是根据具体的项目需求可选的。下面就来说说遇到的问题:页面中放一个空的div容器用来载入新的页面,载入后需要控制新页面中的元素显示隐藏状态,这就需要获取载入页面的元素,再进行下一步的操作。载入页面后审查元素,载入的页面内容直接显示在div容器里面了,我当时在load(url)方法后面,直接获取元素进行隐藏,但是载入页面的元素并没有隐藏,当时很费解,心想我又不是通过iframe引入的页面,为什么无法隐藏呢?后来在网上搜索,和同事商量,最后找到了解决办法,在load(url,callback)方法里面加上回调函数,在回调函数里面获取元素进而隐藏。这是为什么呢,个人觉得可能跟js执行顺序有关,执行完load(url)后,下面的代码跟着继续执行,不会等到load()执行完毕。后来在网上搜索,load()方法加载页面是异步执行的,所以只有在load()的callback里面才能获取到页面元素。原来如此,这个小问题费了两个小时的时间,还是基础不扎实啊。由此扩展,load()方法载入页面在部分情况下可以取代之前使用的iframe载入页面,以后有机会会去尝试。

控制使用jquery load()方法载入新页面中的元素

原文地址:http://www.cnblogs.com/web-panpan/p/7662228.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved