Question

我想得到＆＃34;点击＆＃34;当我想使用Tokenfield for Bootstrap删除令牌时的事件。我只能点击＆＃34;点击＆＃34;现有令牌的事件，但不是动态生成的事件。

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

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

有关详细信息，请参阅此jsfiddle。

Answer 1

正常，你创建了一个新的dom元素。但是你的$（'。close'）已经初始化了。

所以你可以尝试做类似的事情：

请参阅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();
})

Tokenfield for Bootstrap无法获得＆＃34;点击＆＃34;删除令牌时的事件

1 个答案: