Backbone Marionette onDomRefresh jquery-ui click multiple fi

Question

>我已经定义了一个木偶视图，我需要反映模型更改事件。我有这样的初始化函数：

initialize: function(){
    _.bindAll(this,"render");
    this.model.on('change',this.render);
},

后来，我在onDomRefresh方法中定义了我的jquery-ui元素初始值设定项。它是一个可拖动和可调整大小的元素，当您单击它时可以写入。在元素外部单击时，将保存文本。

onDomRefresh: function(){
    var self = this;
    if(this.$el.resizable()){
        this.$el.resizable('destroy');
    }
    this.$el.resizable({ handles: "n, e, s, w, se, sw, nw, ne" });
    this.$el.on('resize', function (e) {
        e.stopPropagation();
    });
    this.$el.draggable().click(function(e){
        $(".selected").removeClass("selected");
        $(this).addClass("selected");
        $(this).draggable( "option", "disabled", true );
        $(this).attr('contenteditable','true');
        $(this).css({cursor:'text'});
        $(this).css({opacity:'100'});
    }).blur(function(){
        $(this).draggable( 'option', 'disabled', false);
        $(this).attr('contenteditable','false');
        $(this).css({cursor:'move'});
        self.textchange(); //update and save the text in the model
    });
 }

问题来了，当模型嵌套了一些模型更改事件，并且点击函数触发的次数越来越多时。我一直在寻找jquery点击事件解决方案，但似乎都不适合我。

尝试过的解决方案：

this.$el.draggable().unbind("click").click(function(e){});
this.$el.draggable().off("click").on('click',function(e){});
this.$el.draggable().one('click', function(e){});
//with jquery sparkle
this.$el.draggable().once('click', function(e){});

我还注意到有时 onDomRefresh 方法会触发两次。不知道如何解决这个问题。任何想法都非常受欢迎。

Answer 1

我在onDomRefresh（）函数的开头添加了这个调用，它解除了元素上的所有事件的绑定：

this.$el.unbind();

现在，单击事件在重新呈现视图后仅触发一次。