首页 > 代码库 > 如何将jquery动态生成的数据绑定事件

如何将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动态生成的数据绑定事件