1. 程式人生 > >如何將jquery動態生成的數據綁定事件

如何將jquery動態生成的數據綁定事件

code 運行 function splay jquer use ffffff -m find

 必須要使用事件綁定!

 我使用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動態生成的數據綁定事件