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

  • BSA

    BSA

    9 NİSAN 2012
  • Cole Rolland

    Cole Rolland

    23 Kasım 2008
  • macpulenta

    macpulenta

    9 EYLÜL 2006