javascript - jQuery - after()-函数触发两次

Question

这是我的代码片段:

$.ctrl('J', function() {

    $("#"+currentId).after('<div contentEditable="true">test</div>'); 

});

运行后，将添加 2 个带有“test”的 div，而不是 1 个。

我错过了什么？

这是 CTRL 函数:

$.ctrl = function(key, callback, args) {

    var isCtrl = false;

    $(document).keydown(function(e) {
        if (!args) args = [];
        if (e.ctrlKey) isCtrl = true;
        if (e.keyCode == key.charCodeAt(0) && isCtrl) {
            callback.apply(this, args);
            return false;
        }
    }).keyup(function(e) {
        if (e.ctrlKey) isCtrl = false;
    });
};

提前谢谢你。

问候

编辑:

可能与此有关:

$('div[id|="edid"]').focus(function() {


       $('div[id|="edid"]').removeClass('onFocus'); 

       $(this).addClass('onFocus'); 

       var currentId = $(this).attr('id');
});

Answer 1

我遇到过类似的问题。可能您使用的是旧的 jquery 版本？

Major Bugfix in JQuery 1.4.4 - A function bound to the document ready event will now fire once (it was firing twice).

What’s New in JQuery 1.4.4