Tokenfield for Bootstrap kann kein "click" -Ereignis bekommen, wenn ein Token gelöscht wird

Question

Ich möchte ein "click" -Ereignis bekommen, wenn ich ein Token mit Tokenfield for Bootstrap löschen möchte. Ich kann nur ein "Klick" -Ereignis für existierende Token bekommen, aber nicht dynamisch erzeugt.

// working for existing token 
$('.close').on('click', function(){ 
    alert('OK!'); 
}); 

// not working 
$(document).on('click', 'a.close', function(){ 
    alert('delete'); 
}); 

Bitte sehen diese jsfiddle für weitere Einzelheiten.

Answer 1

Es ist normal, Sie erstellen ein neues Element von dom. Aber Ihr $ ('. Close') ist bereits initialisiert.

So können Sie versuchen, so etwas zu tun:

Siehe jsfiddle http://jsfiddle.net/rns3hang/14/

$(document).ready(function() { 
    $('#tokenfield').tokenfield({ 
     autocomplete: { 
     source: ['red','blue','green','yellow','violet','brown','purple','black','white'], 
     delay: 100 
     }, 
     showAutocompleteOnFocus: true 
    }); 

    $("form").submit(function(e) { 
     e.preventDefault(); 
     $('.form-data').text($('#tokenfield').val()); 
    }); 
    close(); 


}); 

function close() { 
    $('.close').on('click', function(){ 
       alert('OK!'); 
     }); 

    $(document).on('click', 'a.close', function(){ 
     alert('delete'); 
     }); 

} 

$('input').change(function() { 
close(); 
})