jquery版本更新后无live函数的处理.TypeError: $(...).live is not a function

jquery live函数语法

jquery版本更新, 发现一个问题: jq自带的live没有了.
控制台下会有如下的提示:
火狐: TypeError: $(...).live is not a function

chrome: Uncaught TypeError: Object [object Object] has no method ‘live‘

网上的一个说法: 
jQuery 1.9 较之前的版本做了很大的调整,很多函数都不被支持。
例如 live(),die(),toggle(),sub(),$.browser 等等都已经被移除,完整的更新内容见 http://jquery.com/upgrade-guide/1.9/ (英文)。
 
在不改变你网站代码的同时,要使用 1.9 之后的版本,你需要使用 jQuery Migrate(转移、过度),详见 http://blog.jquery.com/2013/01/31/jquery-migrate-1-1-0-released/ (英文)。
Migrate 应该只是暂时性的。为了和 jQuery 保持同步,建议你从现在开始根据 1.9 的改变重写你网站的所有代码。
所以之前你的代码如果是
$("#ele").live("click", function() {
    //...
});
现在要写成
$("#ele").on("click", function() {
    //...
});
动态生成的元素要使用 live,要写成
$(document).on("click", "#ele", function() {
    //...
});

时间: 2024-10-19 04:04:37

jquery版本更新后无live函数的处理.TypeError: $(...).live is not a function的相关文章

JQuery 实现页面无刷新

对于JQuery实现页面无刷新的效果,即:应用这个JQuery这个组件,可以实现在页面上加载数据库中的数据信息,但是并没有给用户页面刷新的感觉,这样既可以有效的进行数据交互,也可以不妨碍用户的其他操作.(http://itred.cnblogs.com    itRed: [email protected]) 在用JQuery实现页面无刷新的效果之前,我们需要掌握和了解一些基础知识,以方便我们在进行代码编写时更加的得心应手. 一.异步技术 浏览器预设是使用同步的方式发出请求并等待回应,为了处理浏

jQuery源码分析-each函数

本文部分截取自且行且思 jQuery.each方法用于遍历一个数组或对象,并对当前遍历的元素进行处理,在jQuery使用的频率非常大,下面就这个函数做了详细讲解: 复制代码代码 /*! * jQuery源码分析-each函数 * jQuery版本:1.4.2 * * ---------------------------------------------------------- * 函数介绍 * * each函数通过jQuery.extend函数附加到jQuery对象中: * jQuery.

JQuery 的bind和unbind函数

测试:页面代码:<body> <input type="button" name="aaa" value="点击我"> <input type="checkbox" name="checkbox1"> </body>JQuery代码: $().ready(function(){ for (var i = 0; i < 3; i++) { $("

用jquery写一个无刷新评论功能

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript&quo

jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条

jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条 ============================== 蕃薯耀 2018年2月6日 http://www.cnblogs.com/fanshuyao/ 一.问题描述: 当jquery easyui datagrid中数据量大时,body页面又设置高度超出隐藏时(如:overflow-y:hidden)时,这时datagrid加载满整个页面时也无滚动条. 二.解决方案: 给datagrid绑定onLoad

vue路由导航守卫及前置后置钩子函数参数详解

首先构建一个测试demo如下图: 接着来探讨路由配置界面 import Vue from 'vue' import Router from 'vue-router' // import HelloWorld from '@/components/HelloWorld' Vue.use(Router) const router = new Router({ routes: [{ path: '/', name: 'HelloWorld', component: resolve => require

在已有Windows系统基础上安装ubuntu后无Windows启动项

1. 原系统为windows 2. 清出一个不用的分区给linux,使用windows磁盘管理器将该分区重新划分为两个分区,分别用于root和swap 3. 安装过程中ubuntu提示原系统为非UEFI安装,新系统为UEFI安装,选择“back”,但安装仍自己继续 4. 安装完毕后无windows项 5. 进入ubuntu执行sudo update-grub

windows8.1+centos7双系统(装完centos后无win8引导)

原先系统为windows8.1后来装上centos7后无win8系统引导, 打开电脑进入引导界面按C 进入grub界面  输入“cat (hd0,” 按tab可查看到windows8 地址为“hd0,msdos1” 进入centos7系统 --打开终端 --进入root [[email protected] ~]$ su root密码 : 进入编辑grub.cfg[[email protected] johnnyhu]# gedit /boot/grub2/grub.cfg 在 ### BEGI

引用jquery框架后出错

问题描述:当引用了jquery框架后,页面的js不能正常工作. 后面我的解决办法:是因为在引用 jquery的框架时的代码为 <script type="text/javascript" src="resources/js/jquery/jquery-1.9.1.min.js" /> 改为如下的引用方式 <script type="text/javascript" src="resources/js/jquery/jq