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

  • njhaley

    njhaley

    24 NİSAN 2006
  • Tech4Geeks

    Tech4Geeks

    8 Ocak 2012
  • Tianna Sierra Dance

    Tianna Sierr

    16 EYLÜL 2013