如何在不刷新标签的情况下将事件处理程序应用于新元素?

阿拉米尔·雷伊(Aramil Rey)

我有一个JQuery函数:

$('.btn-cart-toggle').on({
    click: function () {
        if (!CheckZero()) {
            if ($('.cart-bubble').hasClass('active')) {
                $('.cart-bubble').removeClass("active");
                $('.cart-bubble').addClass("hidden");
            }
            else {
                $('.cart-bubble').addClass("active");
                $('.cart-bubble').removeClass("hidden");
            }
        }
    }, mouseenter: function () {
        if ($('.cart-bubble').hasClass('active') != true && !CheckZero()) {
            clearTimeout(timer);
            $('#notificacion-perfil').hide();
            if ($('.cart-bubble ul.items li').size() > 0) {
                if ($('.cart-bubble').hasClass('hidden')) {
                    $('.cart-bubble').removeClass("hidden");
                }
            }
        }
    }, mouseleave: function () {
        if ($('.cart-bubble').hasClass('active') != true) {
            if ($('.cart-bubble').hasClass('hidden') != true) {
                timer = setTimeout(function () {
                    $('.cart-bubble').addClass("hidden");
                }, 800);
            }
        }
    }, dblclick: function () {
        if (!CheckZero()) {
            $('.cart-bubble').removeClass("active");
            $('.cart-bubble').addClass("hidden");
        }
    }
});

CheckZero()函数检查内部是否包含li元素,并返回true或false。

一切正常,但此刻我添加一个li元素,我必须刷新页面才能切换.cart-bubble类

厄齐尔

你需要使用 event delegate

$('document').on('click','.btn-cart-toggle',function () {
  //your code
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在不添加自己的prop的情况下将内置Vuetify组件prop应用于SFC的父元素的根元素?

来自分类Dev

如何在不使用 VCL 样式的情况下将颜色应用于 Delphi 10.2 Tokyo 应用程序?

来自分类Dev

如何在不破坏文本内容本身的情况下将CSS应用于部分文本

来自分类Dev

具有多个事件,多个处理程序并应用于新元素的jQuery .on

来自分类Dev

如何在不将公式应用于每个单元格的情况下将公式应用于范围?

来自分类Dev

如何在不产生重复行为的情况下组合触摸和鼠标事件处理程序?

来自分类Dev

如何在不使用jquery的情况下仅将函数应用于仅一个特定div或类中的a标签

来自分类Dev

如何在不更改表中值的情况下基于应用于字段的函数从模型中获取列表

来自分类Dev

如何在没有push_array的情况下将新元素插入多维数组?

来自分类Dev

在不增加大小的情况下将边框应用于填充的块项目

来自分类Dev

如何在不破坏任何其他应用程序的情况下将手动安装的python用于个人程序?

来自分类Dev

如何在没有复制设置的情况下将这些CSS应用于2类?

来自分类Dev

如何在不影响父div的情况下将保证金应用于子div?

来自分类Dev

如何在不通过GUI的情况下将gnome调整更改应用于新插入的USB键盘?

来自分类Dev

将一键式事件处理程序应用于多个元素

来自分类Dev

将jQuery事件处理程序应用于相同类型的所有元素

来自分类Dev

如何在不刷新和处理 API 请求的情况下更新状态数组 React 方式?

来自分类Dev

在不循环的情况下将当前行值获取到jQuery事件处理程序中

来自分类Dev

如何在不复制代码的情况下将相同的例外应用于多个功能?

来自分类Dev

如何在没有事件处理程序的情况下将函数附加到div(已动态加载)

来自分类Dev

将事件处理程序应用于动态控制

来自分类Dev

如何在不刷新数据的情况下打开Excel

来自分类Dev

如何在不破坏画布的情况下刷新数据

来自分类Dev

如何在不刷新页面的情况下将数据保存到Mysql

来自分类Dev

如何在不指定每个文本框的情况下将相同功能应用于控制器中的所有文本框

来自分类Dev

如何将光标指针属性应用于(单击)事件处理程序?

来自分类Dev

如何在不触发事件的情况下打开/关闭引导程序模式?

来自分类Dev

如何在不包装的情况下将文本和按钮元素显示在td元素中?

来自分类Dev

如何在不增加行距的情况下将多个元素放入<li>元素中?

Related 相关文章

  1. 1

    如何在不添加自己的prop的情况下将内置Vuetify组件prop应用于SFC的父元素的根元素?

  2. 2

    如何在不使用 VCL 样式的情况下将颜色应用于 Delphi 10.2 Tokyo 应用程序?

  3. 3

    如何在不破坏文本内容本身的情况下将CSS应用于部分文本

  4. 4

    具有多个事件,多个处理程序并应用于新元素的jQuery .on

  5. 5

    如何在不将公式应用于每个单元格的情况下将公式应用于范围?

  6. 6

    如何在不产生重复行为的情况下组合触摸和鼠标事件处理程序?

  7. 7

    如何在不使用jquery的情况下仅将函数应用于仅一个特定div或类中的a标签

  8. 8

    如何在不更改表中值的情况下基于应用于字段的函数从模型中获取列表

  9. 9

    如何在没有push_array的情况下将新元素插入多维数组?

  10. 10

    在不增加大小的情况下将边框应用于填充的块项目

  11. 11

    如何在不破坏任何其他应用程序的情况下将手动安装的python用于个人程序?

  12. 12

    如何在没有复制设置的情况下将这些CSS应用于2类?

  13. 13

    如何在不影响父div的情况下将保证金应用于子div?

  14. 14

    如何在不通过GUI的情况下将gnome调整更改应用于新插入的USB键盘?

  15. 15

    将一键式事件处理程序应用于多个元素

  16. 16

    将jQuery事件处理程序应用于相同类型的所有元素

  17. 17

    如何在不刷新和处理 API 请求的情况下更新状态数组 React 方式?

  18. 18

    在不循环的情况下将当前行值获取到jQuery事件处理程序中

  19. 19

    如何在不复制代码的情况下将相同的例外应用于多个功能?

  20. 20

    如何在没有事件处理程序的情况下将函数附加到div(已动态加载)

  21. 21

    将事件处理程序应用于动态控制

  22. 22

    如何在不刷新数据的情况下打开Excel

  23. 23

    如何在不破坏画布的情况下刷新数据

  24. 24

    如何在不刷新页面的情况下将数据保存到Mysql

  25. 25

    如何在不指定每个文本框的情况下将相同功能应用于控制器中的所有文本框

  26. 26

    如何将光标指针属性应用于(单击)事件处理程序?

  27. 27

    如何在不触发事件的情况下打开/关闭引导程序模式?

  28. 28

    如何在不包装的情况下将文本和按钮元素显示在td元素中?

  29. 29

    如何在不增加行距的情况下将多个元素放入<li>元素中?

热门标签

归档