jquery empêche le bouillonnement d'événements et sa solution

Événement en direct pour l'ajout dynamique de balises

Remarque : jquery ne prend plus en charge les événements en direct après la version 1.8

Problèmes rencontrés dans les projets réels, balises ajoutées dynamiquement
Live empêche le bouillonnement de se produire. Que vous utilisiez return false ou e.stopPropagation(), vous ne pouvez pas empêcher le bouillonnement de se produire
Ce qui suit est un exemple de mon propre résumé

html

<p id="box"> 
  <a href="javascript:;" class="delete">init html</a>
</p> 
<button id="add">add html</button>

jq

 $(function() {

     // 用click事件
    $(document).click( function(event) {
        console.log('click');
        event.stopPropagation();
    });

    // 用delegate事件
    $(document).delegate('.delete','click', function(event) {
        console.log('delegate');
        event.stopPropagation();
    });

    // 用live事件
    $('.delete').live('click', function(event) {
        console.log('live');
        event.stopPropagation();
        //return false;
    });

    // 新添加的a标签
    $('#add').click(function() {
        var html = &#39;<a href="javascript:;" class="delete">new html 1</a>&#39;;
        $(&#39;#box&#39;).append(html);
    });

    $(&#39;#box&#39;).click(function() {
        console.log(&#39;box emit&#39;);
    });

});

Solution :
Nous savons que event.stopPropagation( ) a un impact négatif sur le clic. La prévention du bouillonnement est efficace, vous pouvez alors lier l'événement de clic à l'étiquette nouvellement ajoutée dynamiquement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!