如何将jquery动态生成的数据绑定事件

Posted lrb123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何将jquery动态生成的数据绑定事件相关的知识,希望对你有一定的参考价值。

 必须要使用事件绑定!

 我使用on事件绑定

  1. 父级元素在on时间之前
  2. 之后你需要绑定事件的子元素

 

$(‘.photo-main‘).on(‘mouseenter‘,‘.photo-box‘,function(){
          $(this).find(‘img‘).css({
              ‘-webkit-filter‘:‘brightness(.5)‘,
          });
          $(this).find(‘.image-tit‘).css({
              ‘display‘:‘block‘,
          });
      });

错误代码:下面这代码无法运行,注意绑定事件时,需要子元素

$(‘.photo-main .photo-box‘).on(‘mouseenter‘,function(){
          $(this).find(‘img‘).css({
              ‘-webkit-filter‘:‘brightness(.5)‘,
          });
          $(this).find(‘.image-tit‘).css({
              ‘display‘:‘block‘,
          });
      });

 

以上是关于如何将jquery动态生成的数据绑定事件的主要内容,如果未能解决你的问题,请参考以下文章

JQuery对于动态生成的标签绑定事件失效

毕业设计---jQuery动态生成的a标签的事件绑定

JQuery 动态加载 HTML 元素时绑定点击事件无效问题

关于jQuery中动态生成的点击事件触发两次的讨论

jQuery给动态添加生成的元素绑定事件的方法

jQuery给动态添加的元素绑定事件的方法