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

  • Breno Rises

    Breno Rises

    7 Ocak 2014
  • ODN

    ODN

    26 Kasım 2006
  • theKGB65

    theKGB65

    24 Aralık 2007