SORU
30 HAZİRAN 2011, PERŞEMBE


jQuery yeni eklenen dom elemanları için bağlayıcı değil işlevi

Burada index.html:

<head>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  <script type="text/javascript">

    $(document).ready(function() {
      $('.btn_test').click(function() { alert('test'); });
    });

    function add(){
      $('body').append('<a href=\'javascript:;\' class=\'btn_test\'>test</a>');
    }

  </script>
</head>
<body>
  <a href="javascript:;" class="btn_test">test1</a>
  <a href="javascript:;" onclick="add()">add</a>
</body>

Ben test1 bağlantısına tıklarsanız, alert('test') ama ben test add bağlantı ve ardından eğer bir şey görünmüyor gösterir.

Bunu açıklayabilir misiniz?

CEVAP
14 AĞUSTOS 2012, Salı


Kullanıcılar, 2011, sonra bu soruya gelecek için bunu yapmak için yeni uygun bir şekilde

$(document).on('click', '.btn_test', function() { alert('test'); });

Bu jQuery 1.7.

Daha fazla bilgi için Direct and delegated events bkz

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • maxman.tv

    maxman.tv

    29 EKİM 2013
  • Samvith V Rao

    Samvith V Ra

    20 EKİM 2006
  • TeachMeComputer

    TeachMeCompu

    31 EKİM 2009