Jquery 正在删除带有.off的事件处理程序

我无法使用.off删除框的事件处理程序

单击某个框后，我需要删除该框的事件处理程序，目前我已将钩子设为“.clickable”，并删除该类，并尝试删除该事件处理程序，然后将该事件处理程序应用回所有类为“.box”的框

感谢大家的建议和帮助，如果有人想看最后的演示“工作”，这里有一把小提琴

---

对代码的更正，尚未测试，但应该可以正常工作

$(document).on("click", '.clickable', function(event){
    if( !$('.box').is(':animated') ) {
        var position = $(this).position();
        var targetPosition =  $('.target').position();
        $(this)
            .clone() //clone element
            .addClass('cloned') //add class to cloned element
            .css({
                'position' : 'absolute'
            ,   'top' : position.top 
            ,   'left' : position.left 
            })
            .appendTo('body'); //append to the document
            animate(position,targetPosition);
            $(this)
                .removeClass('clickable')
                .addClass('notActive')
                .off('click');
    };
}); 

$(document).on("click", '.clickable', function(event){
    if( !$('.box').is(':animated') ) {
        var position = $(this).position();
        var targetPosition =  $('.target').position();
        $(this)
            .clone() //clone element
            .addClass('cloned') //add class to cloned element
            .css({
                'position' : 'absolute'
            ,   'top' : position.top 
            ,   'left' : position.left 
            })
            .appendTo('body'); //append to the document
            animate(position,targetPosition);
            $(this)
                .removeClass('clickable')
                .addClass('notActive')
                .off('click');
    };
});