LOAD
时间:2019-09-20
本文章向大家介绍LOAD,主要包括LOAD使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
在jQuery中,制作多张网页。如果网页含有大量公共样式的话,可以将公共样式放到一个html文件中,(例如放到一个名字为top.html)中,每个部分的class分别设置成不同名字(例如t,b)。 在需要引入公共样式的地方设置一个div,并设置class(例如:lytop,lybottom),然后用jquery中的方法引入所需要的css,如下所示,用“.”+"名字"区分不同位置所需的不同css。load封装的是ajax,是异步。无法直接绑定到ajax中的元素,但是可以通过回调函数绑定到事件。
或者用事件委托的方法,因为事件委托可以给页面暂时不存在的元素绑定事件
$(".lytop").load("http://localhost/1908/jq-ajax/load/data/top.html .t",function(res){ console.log(res) console.log($(".lytop").find("li")) //通过回调函数查找到事件 }) $(".lybottom").load("http://localhost/1908/jq-ajax/load/data/top.html .b")
$(".lytop").find("li").click(function(){ console.log(1) //这个会发生异步,不会出现1; })
$(".lytop").on("click","li",function(){ //事件委托 console.log(1) //1 })
原文地址:https://www.cnblogs.com/hy96/p/11558397.html
- Silverlight 4 中摄像头的运用—part1
- Silverlight 4 中摄像头的运用—part1
- Silverlight 4 中数据绑定发生的变化
- 未来3年 人工智能如何影响法律行业?5位权威专家给出趋势
- silverlight.js详解.
- 前端三大框架vue,angular,react大杂烩
- Silverlight制作scrollbar.
- [Silverlight动画]转向行为 - 躲避行为
- WCF后续之旅(1): WCF是如何通过Binding进行通信的
- CaseStudy(showcase)布局篇-列表的排放与遮罩
- [Silverlight动画]转向行为 - 追捕行为
- 前端三大框架vue,angular,react大杂烩
- CaseStudy(showcase)布局篇-如何做一个自适应窗口大小的布局
- WCF后续之旅(2): 如何对Channel Layer进行扩展——创建自定义Channel
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法