jquery delegate 动态绑定

2024-10-29

jQuery事件绑定on()、bind()与delegate() 方法详解

jquery中有四种事件绑定函数,bind(),live(),on(),delegate(),由于live现在并不常用,因此不做过多解释. 1. bind()用法 $("div p").bind("click",function(){ alert("点击"); });同:$("div p").click(function(){ alert("点击");}); 这里为div绑定了click事件,相应为弹出内容

jquery delegate()方法语法

jquery delegate()方法语法作用:delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数.使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素).深圳大理石平台语法:$(selector).delegate(childSelector,event,data,function) 参数: 参数描述 childSelector 必需.规定要附加事件处理程序的一个或多

jquery delegate

代码如下: $('#container').delegate('a','click',function(){alert('That tickles!')} JQuery扫描文档查找$('#container'),并使用click事件和'a'这一CSS选择器作为参数把alert函数绑定到$('#container')上.任何时候只要有事件冒泡到$('#container')上,它就查看该事件是否是click事件,以及该事件的目标元素是否与CSS选择器相匹配.如果两种检查的结果都为真的话,它就执

jQuery delegate方法实现Ajax请求绑定事件不丢失

给元素绑定click事件后 ,遇到一个问题:当执行一些ajax请求,再次调用此页面,里面的这个click事件就失效了比如说:我的分页是一个ajax请求但我点下一页时后生成的元素a就没有了click事件了自己做项目时遇到的问题: 目的:批量删除复选框,当点击删除的时候触发利用jquery绑定在按钮上的onclick事件从而获取所有复选框的值, 1.第一次直接smarty注入调取页面时没问题,当根据条件查询(Ajax实现),再次调用页面列出记录时,单击事件失效原因:ajax加载内容是在$(

Jquery on() 动态绑定事件

之前就一直受这个问题的困扰,在jQuery1.7版本之后添加了on方法,之前就了解过,其优越性高于live(),bind(),delegate()等方法,在此之前项目中想用这个来测试结果发现,居然动态生成的标签点击了没反应,而live方法却能够支持: jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果. $("#table").on("click","a",function()

jquery 如何动态绑定传递到后台上传组件参数

$("#upload_photo").uploadify({ 'auto' : false, 'method' : "post", 'height' : 20, 'width' : 100, 'swf' : '<%=basePath%>js/uploadify.swf', 'uploader' : '<%=basePath%>attach/api/upload', 'fileTypeDesc' : '格式:txt,xls,xlsx,doc,d

jquery on()动态绑定元素的的点击事件无反应的问题记录

1.jquery使用版本:v2.0 2.重现代码: html <table class="table"> <thead> <tr> <th style="width: 5.1%;"> <div class="checkboxed checkboxAll"></div> </th> <th>ID</th> <th>姓名</t

用jQuery.delegate()将事件绑定在父元素上面

1.先看看官方的示例: <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").delegate("button&q

[jquery-delegate] iphone_4s _iphone _5c_中不兼容jQuery delegate 事件(does not wok)

1. jQuery .on() and .delegate() doesn't work on iPad http://stackoverflow.com/questions/10165141/jquery-on-and-delegate-doesnt-work-on-ipad 2. Click event delegation on the iPhone http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html

jQuery.delegate() 函数详解

delegate()函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 即使是执行delegate()函数之后新添加的元素,只要它符合条件,绑定的事件处理函数仍然对其有效. 此外,该函数可以为同一元素.同一事件类型绑定多个事件处理函数.触发事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数. 要删除通过delegate()绑定的事件,请使用undelegate()函数. 从jQuery 1.7开始,请优先使用事件函数on()

jquery easyui 动态绑定数据列

function doSearch2() { var strsql = $('#sssql').val(); $.ajax({ url: "../HttpHandler/DownloadHandler.ashx?action=StatDownLoadHHH&searchStrSql=" + encodeURI(strsql), type: "POST", error: function () { $.messager.alert('错误', '操作失败!',

jQuery的动态绑定事件的应用

注意:bind()的事件绑定是只对当前页面选中的元素有效.如果你想对动态创建的元素bind()事件,是没有办法达到效果的 <script src="jquery-1.11.2.min.js"></script> </head> <body> <div id="aa" style="width:100px; height:100px; background-color:#F93">hell

Jquery delegate的理解

$(".step4TagList .albumShow", "#divStep4").delegate(" .abmFct .icoRt", "click", function () { alert("ok") }); 与 $(".step4TagList .albumShow .abmFct", "#divStep4").delegate(" .icoRt

delegate:动态绑定js事件

$('.videomodule').delegate("span", "click", function() { var i = $(this).index(); //下标第一种写法 //var i = $('tit').index(this);//下标第二种写法 $(this).addClass('selected').siblings().removeClass('selected'); $('.modulelist>.moduleitem').eq(i)

Jquery中的delegate()使用方法介绍

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数 delegate定义和用法 delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数. 使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素). 参数描述 childSelector 必需.规定要附加事件处理程序的一个或多个子元素. event 必需.规定附加到元素的

前端开发在IOS端遇到的一个诡异问题(Delegate 失效)

一.前言最近同事问到一个问题,一个前端页面在IOS端真机测试下出现一个比较诡异的问题,如果没有遇到过估计也是一筹莫展.今天特此记录一下,或许能帮到后面遇到这个问题的朋友少绕一些弯路.这是关于JQuery 中的 delegate 和 on 给动态元素绑定事件触发不了的问题.文章以下只用 delegate 举例. 二.JQuery 的 delegate 作用. 首先我们来了解一下 Delegate 的作用.一句话带过:"给动态添加的元素绑定事件" 看图: 下面九个测试按钮是通过点击上面的

Jquery empty() remove() detach() 方法的区别

方法简介: empty() This method removes not only child (and other descendant) elements, but also any text within the set of matched elements. This is because, according to the DOM specification, any string of text within an element is considered a child no

jquery 使用记录

1.jquery 筛选一个属性符合多个条件 var myTag=$("input[id=myid][name=myname][type=button]").length; 2.jquery delegate 重复触发事件问题方法1.阻止事件冒泡取消span的click事件冒泡,解答:e.stopPropagation()~方法2.判断事件触发者,$('body').delegate('body>div','click',function(){if(e.target!=$(

Jquery动态bind绑定已有函数，函数自动执行的问题解决方法

在bind后面的方法,不能带括号,带括号函数就自动执行了... <script> //通过子元素删除某行 function deleteRow() { var flag = confirm('确认要删除吗?'); if(flag == true) { console.log($(this).parents("tr").remove()) bootbox.alert("删除成功!"); } } $(function(){ //jquery对象克隆方法,克隆

gvim如何显示html属性代码提示? vim 如何显示 javascript属性及方法提示?

gvim如何显示html属性代码可以在vim中显示 html, css, js等的属性/方法提示: 一是: 在 ~/.vim/after/syntax/ 目录中安装 css-color.vim插件二是: 通过Bundle 安装 'asins/vim-dict' 插件. 这样, 就可以显示 html, css, js等的 html属性, js方法等的提示了... alert 方法和confirm 方法的区别? confirm(message) 函数有返回值, 返回的是 Boolean类型

Backbone笔记（续）

Backbone Bockbone 总览 Backbone 与 MVC 模式:解决某一类问题的通用方案 - 套路 MVC:一种架构模式,解耦代码,分离关注点 M(Model) - 数据模型 V(View) - 表现视图 C(Controller) - 控制器 Backbone 与 SPA 传统web应用与 SPA 的区别: 状态概念代替了页面概念 http://www.example.com/page1 http://www.example.com/page2 http://www.exampl

jquery delegate 动态绑定

热门专题