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

  • The Amazing Atheist

    The Amazing

    20 Kasım 2006
  • Tire Rack

    Tire Rack

    31 Mayıs 2007
  • trickycharms

    trickycharms

    6 Aralık 2013