1

Bootstrap に Tokenfield を使用している場合、キーボードで「delete」を押してもトークンの削除イベントをキャッチできません。

「.close」をクリックしてのみ削除イベントをキャッチできます

このjsfiddleを参照してください。

$(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() {

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

}

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

1 に答える 1

0

試す：

$('#tokenfield').on('tokenfield:removedtoken', function (event) {
    alert('delete');
});

情報: http://sliptree.github.io/bootstrap-tokenfield/#events

トークンの削除イベントをキャッチします。特にこのリスナーは、削除後にトリガーされます。

于 2016-04-20T15:09:14.713 に答える