cari

Rumah  >  Soal Jawab  >  teks badan

javascript - Jquery插入dom后,插入部分无法调用js

例如:
html:

<p class="a"><p>
<p class="b"><p>

在,js文件里有:

$(function(){
  $('.a').click(function(){
    alert('ok');
  })
  $('.b').click(function(){
    $("<p class='a'></p>").insertAfter($(this));
  })
})

那么新的dom结构就是

<p class="a"><p>
<p class="b"><p>
<p class="a"><p>

而后面那个a点击的时候就不会触发$('.a').click事件

问:怎么让后面加载的'.a'能够触发那个click事件

PHP中文网PHP中文网2894 hari yang lalu722

membalas semua(3)saya akan balas

  • 高洛峰

    高洛峰2017-04-10 12:47:01

    你应该使用 on 事件进行绑定。http://api.jquery.com/on/

    $(function(){
      $("body").on("click", '.a', function(){
        alert('ok');
      });
      $('.b').click(function(){
        $("<p class='a'></p>").insertAfter($(this));
      });
    })

    balas
    0
  • 高洛峰

    高洛峰2017-04-10 12:47:01

    因为你创建的新结构没有绑定事件,如果希望绑定的结构也有事件,你可以考虑把事件绑定到body,然后通过判断点击事件的节点是否有 calss=a,来加载相应的事件;

      $('body').click(function(e){
        var t = $(e.target);
        if(t.hasClass('a')){......}
      })

    balas
    0
  • 巴扎黑

    巴扎黑2017-04-10 12:47:01

    在 jQuery 1.9 中,live 已经被移除,请使用 on 来替代之

    其实用live 就搞定了,live 利用事件冒泡到父节点,这样,即使新加入的元素也有事件响应,事件冒泡,好好研究一下吧 :http://api.jquery.com/live/

    $('.a').live('click',function(){})
    

    balas
    0
  • Batalbalas