Question

我试图在处理程序执行jQuery中的.on（＆＃34; click＆＃34;）事件之前添加一个确认对话检查。这是原作：

$(this.var_mainSelector).on("click",
    this.var_acceptOfferSelector,
    this.onAcceptOffer
);

我试过了：

$(this.var_mainSelector).on("click", this.var_acceptOfferSelector, 
    function() {
        var test = confirm("are u sure?");
        if(test) {
            this.onAcceptOffer
        }
    }

提前致谢！

Answer 1

几乎;）闭包本身定义了一个新的＆＃34;这个＆＃34;，因此this.onAcceptOffer不再被定义。

<强>解决方案

1）将其保存在自己

中

var self = this;
$(this.var_mainSelector).on("click", this.var_acceptOfferSelector, function(evt) {
    var test = confirm("are u sure?");
    if(test) {
        self.onAcceptOffer.call(this, evt);
    }
});

2）不要使用function。而是使用()=>

$(this.var_mainSelector).on("click", this.var_acceptOfferSelector, (evt)=>{
    var test = confirm("are u sure?");
    if(test) {
        this.onAcceptOffer.call(null, evt); // original "this" (the clicked element) is lost
    }
});

箭头功能（＆＃34;（）=＆gt;＆＃34;）不会改变功能的上下文

在.on（）事件处理程序之前添加确认对话检查

1 个答案: