• 技术文章 >web前端 >js教程

    jquery on不可用怎么办

    藏色散人藏色散人2020-11-30 14:18:58原创151

    jquery on不可用的解决办法:首先打开相应的代码文件;然后修改写法为“$(document).on("click",".test",function(){alert("...");});”即可。

    本教程操作环境:windows10系统、jquery1.7,本文适用于所有品牌的电脑。

    推荐:《jquery教程

    jQuery on() 绑定无效的解决办法

    on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

    自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。官网也推荐我们使用该方法,它简化了 jQuery 代码库。

    语法

    $(selector).on(event,childSelector,data,function,map)

    参数描述
    event必需。规定要从被选元素移除的一个或多个事件或命名空间。

    由空格分隔多个事件值。必须是有效的事件。
    childSelector可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
    data可选。规定传递到函数的额外数据。
    function可选。规定当事件发生时运行的函数。
    map规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。

    当是最近在工作中就遇到使用on( ) 无效。如果是加载页面时候,被选元素及子元素就已经存在的话,是可以正常使用,写法一般如下:

    $(".test").on("click",function(){
        alert("执行了");
    });

    当是如果被选元素及子元素在加载页面时不存在,而是通过函数生成的话就有问题。按上面的写法写的话任何事件通过on()都绑定不了。

    解决办法如下:

    $(document).on("click",".test",function(){//修改成这样的写法
        alert("生成的也可以执行了!");
    });

    以上就是jquery on不可用怎么办的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jQuery on
    上一篇:避免在JS脚本中过多使用 if 语句,6种代替 if 的方法介绍 下一篇:jquery版本号如何隐藏
    第15期线上培训班

    相关文章推荐

    • jquery对象和dom对象之间的差异• 20个常见jQuery面试题和答案(分享)• jquery绑定事件有几种方式?• jquery和bootstrap的区别是什么?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网