展开

关键词

关于jQuery用bind动态无效的处理

最近在进行页面开发,在做页面特效的时候,需要给一个动态加载的按钮赋予一个 于是不假思索的 用$(obj).bind(); 来 。 但是这样存在一个问题: bind确实能,但是那是相对于固的html标签来说 当页面内容属于动态加载的时候,bind就存在一个bug, 只能bind一次,当你第二次触发的时候就没用了 当我使用bindclick,这时, 第一次点击click能成功触发 但是第二次点击,click无效了... 后面研究发现,jQuery还有个的方法:delegate(); 用法如下: $(".sentnum-box").delegate(".a-add-ordergoods","click",function (){ //js数据代码 }); 这样就能实现对动态数据,并永不失效

31920

jquery bind() unbind() 以及 函数列表

mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover() 同时为mouseenter和mouseleave处理函数 ready () DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单 的其他方式 $(function(){ $('# div1').bind('mouseover click', function(event) { alert($(this).html()); }); }); 取消 $( 可以看到,使用这种方式click也是可以的。 那么,如果希望点击一次就不能点击,就可以设置一下解,如下: ? 从这里可以看出,只能触发一次click。因为已经解除了。 同时两个 click mouseover ? 两个都可以触发打印日志。那么解是不是也一样可以写多个的呢? ? 解除的确可以写多个同时解除。

39120
  • 广告
    关闭

    90+款云产品免费体验

    提供包括云服务器,云数据库在内的90+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery 和 JavaScript 原生

    总结一下:jQuery 和 JavaScript 原生 及 区别 jQuery jQuery 中提供了四种监听方式,分别是 bind、live、delegate、on live、delegate 不多用,在Jquery1.7中已经移除,这里不多说 重点介绍 bind、on bind(event,[data],function) bind 是使用频率较高的一种,作用就是在选择到的元素上类型的监听函数 3.监听函数:的另一种方法是用 addEventListener() 或 attachEvent() 来监听函数。 一. 在DOM元素中直接 1. jQuery 中的具有叠加性,JavaScript 的则是可覆盖的。 原生的,可以发现只执行了最后一个相同的,后面处理函数覆盖了前面的处理函数。

    1.3K20

    JavaScript

    分为两种:一种是传统(内联模型,脚本模型),一种是现代(DOM2级模型)。现代在传统上提供了更强大更方便的功能。 一.传统的问题 传统有内联模型和脚本模型,内联模型我们不做讨论,基本很少去用。先来看一下脚本模型,脚本模型将一个函数赋值给一个处理函数。 那么W3C现代可以设置冒泡和捕获。 PS:IE中的函数attachEvent()和detachEvent()可能在实践中不去使用,有几个原因:1.IE9就将全面支持W3C中的函数;2.IE的函数无法传递this;3 .IE的函数不支持捕获;4.同一个函数注册后,没有屏蔽掉;5.有内存泄漏的问题。

    47260

    jquery

    .bind()   为一个元素一个元素处理程序。    }); // 一次可以多个 ,用逗号隔开, .delegate()   为所有匹配选择器的元素一个或者多个处理函数,基于一个指的根元素的子集,匹配的元素包括那些匹配到的元素,也包括那些今后可匹配的元素 : .on()   在选的元素上一个或多个处理函数。    .trigger()   根据到匹配元素的给类型执行所有的处理程序和行为。    false       解除相应的'return false'函数,这个函数使用.bind( eventType,false )

    33170

    【Angular6+】

    Angular6+ 临近毕业开始了第二段实习,因为项目需求,技术栈从Vue转到Angular,才发现Angular已经到7了????? 的基础语法

  • 或者可以使用带 on-前缀的形式 <button on-click 是的,这就是 Angular 中的双向。 通过@HostListenr 把在宿主监听器上 把一个到一个宿主监听器,并提供配置元数据。 当宿主元素发出特时,Angular 就会执行所提供的处理器方法,并使用其结果更新所到的元素。 如果该处理器返回 false,则在所的元素上执行 preventDefault。

    51330

    【Vue3】

    简介 在原生 html + js 的项目中,如果需要给一个元素添加一个鼠标点击,可以在 DOM 上使用 onclick 来一个。 <button @[event]="handleClick">态参数的缩写 (2.6.0+)</button> ` }).mount('#root') // 使用 mount 要监听的元素 </script> 在 Vue 中方式一共有3中,分别是: 完整语法:v-on 简写:@ 动态参数:@[event] 其中动态参数中的 event 可以对应 data 里对应的数据。 "one($event), two($event)"> Submit </button> ` }).mount('#root') // 使用 mount 要监听的元素 官方提供的修饰符 .stop -- 阻止冒泡 .prevent -- 拦截默认 .capture -- 阻止捕捉 .self -- 忽略了冒泡和捕获的影响,只有直接作用在该元素上的才会被调用

    8020

    参数---bind函数

    标准库bind函数 我们可以解决向check_size传递一个长度参数的问题。 方法是使用一个新的名为bind的标准库函数,它义在头文functional中。 与bind函数一样,placeholders命名空间也义在functional头文bind的参数 我们可以用bind可调用对象中的参数或重新安排其顺序。 因此,当sort比较两个元素时,就好像调用isShorter(B,A); 引用参数 默认情况下,bind的那些不是占位符的参数被拷贝到bind的返回的可调用对象中。 标准库中还有一个cref 函数,生成一个保存const引用的类 与bind一样,函数ref和cref义在头文functional中 注意: 标准库中义了两个分别为bindlst和bind2nd的函数 与bind类似,这两个函数接收一个函数做参数,生成一个可调用对象,该对象调用给函数,并将参数传递给它。 但是,这些函数分别只能第一个或者第二个参数。

    14230

    jquery click

    click 给元素click,可以用如下方法: $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery

  • 1
  • 2
  • 4
  • 5
  • 6
  • 选项卡示例 通过index()方法可以得到点击的元素序号
    选项卡二的内容
    选项卡三的内容
    </body> </html> 这个click里面的

    86150

    委托click的的解

    大家都知道解的jquery写法,很简单: $("xxx").unbind("click"); 然后对于委托式的,亲测,这种解方法是无效的, $(".sideNav>ul").on(" click", function (e) { alert("aaa"+$(e.tagert).index()); } 即使做判断让一部分带有某个class的li标签的ul解click, 依然无效,委托会直接跳过判断,执行冒泡 解决办法: 给不想点击的li元素阻止冒泡: $(".sideNav>ul>li.c-808").click(function(e){

    51160

    uni-app 以及

    修饰符 stop的使用会阻止冒泡,但是同时了一个非冒泡的,会导致该元素上的catchEventName失效! prevent可以直接干掉,因为uni-app里没有什么默认,比如submit并不会跳转页面。 也不能做,因为uni-app没有removeEventListener,虽然可以直接在handleProxy中处理,但非常的不优雅,违背了愿意,暂不考虑按键修饰符:uni-app运行在手机端,没有键盘 view 视图容器 hover-class 类型为string,默认值none 指按下去的样式类,类hover-class="none"时,没有点击态效果 hover-stop-propagation 类型boolean,默认值false 指是否阻止本节点的祖先节点出现点击态 hover-start-time 类型number,默认值50 按住后多久出现点击态 hover-stay-time

    1.3K30

    js中与解除的3种方式

    2.5K20

    eventHook Vue hook

    }) return { clientOne, clientTwo } } } </script> 实现 /** * dom * @param { String } name 名称 * @param { Function } handler 回调函数 * @param { Element } target 对象 , handler, option) addEvent.call(target, name, handler, Option) return remove } /** * vm * @param { String } name 名称 * @param { Function } handler 回调函数 * @param { vm } vm vue实例 * @ }) * // ,并返回移除函数 * const removeTime = vmEventHook('time', () => console.log(new Date()), vm) *

    18440

    Vue原理

    Vue原理 Vue中通过v-on或其语法糖@指令来给元素并且提供了修饰符,基本流程是进行模板编译生成AST,生成render函数后并执行得到VNode,VNode生成真实DOM节点或者组时候使用 addEventListener方法进行。 描述 v-on与@用于监听器,类型由参数指,表达式可以是一个方法的名字或一个内联语句,如果没有修饰符也可以省略,用在普通元素上时,只能监听原生DOM,用在自义元素组上时,也可以监听子组触发的自 .self: 只当是从侦听器的元素本身触发时才触发回调。 .{keyCode | keyAlias}: 只当是从特键触发时才触发回调。 // 处理v-bind的情况 // ... } else if (onRE.test(name)) { // v-on // 处理 name = name.replace

    86240

    jquery的坑,重复问题

    我实现点击table表格中的删除按钮,找到当前按钮的祖先元素tr 然后删除该行,但是我首先点击删除的时候要先弹出提示框,是否要下载,这时在点击删除按钮删除,之前没有考虑到重复问题,所以每次点击删除的时候就会多选择几行 ,之后选择的越来越多,经过网友解答,成功解决,先把重复的删除的click再继续,就没问题。

    24110

    JQuery与移除、动画

    bind()、on()、live()、delegate()、keyup(); 触发:trigger(‘keyup’)、keyup(); 解:unbind()、off()、die ()、undelegate(); 符合:hover() 、toggle(); bind(); ---- 一、       JQuery,除 bing() 方法之外 ,还有 on()、live()、one() 等 方法。 分类: (a) 单个 $("#btn").bind("click",function(){ //代码块 console.log(123); }); (b) 同时多个 "); } }); JQuery中的 bind()、live()、delegate()方法的区别,请查阅: http://www.php100.com/html/program/jquery

    14010

    JQuery 不生效

    一个同时问我,JQuery为什么不生效,最好通过查找,发现了问题。 一般而言,JQuery不生效,是一些新手经常遇到的问题,其实都是简单的问题,大概分两种情况。 先上代码,以下两个button的都不生效。 <html> <head> <script src=".. 在未加载完成之前,通过$("#button1").click方法来进行,由于此时未加载完成,实际上$("#button1")是一个空数组,所以最终的结果是未对任何元素进行。 的方法被创建出来,然后被加入到body中,然后,之后从body中移除,然后在加入body中: var div = $("

    ListView点击

    14430

    jQuery on问题

    </body> </html> 以前没注意,最近在使用on时发现,通过for循环动态时,多个元素最终的都是最后一次,不知道用while是不是也是一样,谁有清楚这种现象也可以说一下原因 解决方案:将for里面的逻辑单独写一个函数即可。

    25730

    tkinter: & (Events and Bindings)

    29920

    相关产品

    • 事件总线

      事件总线

      腾讯云事件总线(EB)是一款安全,稳定,高效的无服务器事件管理平台,支持腾讯云服务、自定义应用、SaaS应用以标准化、中心化的方式接入,帮助您轻松实现无服务器事件驱动架构。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券