Javascript Jquery';这';关键词

Javascript Jquery';这';关键词,javascript,jquery,jquery-ui-droppable,Javascript,Jquery,Jquery Ui Droppable,我正在处理一个拖放项目,但每当我拖动一个项目时,它只调用addsgr()函数。以下是我的Jquery代码: $(".productItem").draggable({ helper: 'clone', handle: "productItem" }); $("#basket").droppable({ accept: ".productItem", drop: function(event, ui){ $("<div></div

我正在处理一个拖放项目,但每当我拖动一个项目时,它只调用
addsgr()函数。以下是我的Jquery代码:

$(".productItem").draggable({
    helper: 'clone',
    handle: "productItem"
});

$("#basket").droppable({
    accept: ".productItem",
    drop: function(event, ui){
        $("<div></div>")
            .html(ui.draggable.text())
            .appendTo($(this));
            //work on id

            if(this.id=="brnsgr"){
                addbrnsgr();
            }else if(this.id="sgr"){
                addsgr();
            }else if(this.id="flour"){
                addflour();
            }else if(this.id="bkpwdr"){
                addbkpwdr();
            }else if(this.id="butter"){
                addbutter();
            }




    }
});
$(“.productItem”).draggable({
助手:“克隆”,
句柄:“productItem”
});
$(“#篮子”)。可拖放({
接受:“.productItem”,
drop:函数(事件、用户界面){
$("")
.html(ui.draggable.text())
。附于($(本));
//在id上工作
if(this.id==“brnsgr”){
addbrnsgr();
}否则如果(this.id=“sgr”){
addsgr();
}否则如果(this.id=“面粉”){
添加面粉();
}否则如果(this.id=“bkpwdr”){
addbkpwdr();
}否则如果(this.id=“butter”){
添加黄油();
}
}
});

您不是在比较,而是在分配变量

试试这个

if(event.target.id==“brnsgr”){
addbrnsgr();
}else if(event.target.id==“sgr”){
addsgr();
}else if(event.target.id==“面粉”){
添加面粉();
}else if(event.target.id==“bkpwdr”){
addbkpwdr();
}else if(event.target.id==“butter”){
添加黄油();
}

什么是可拖放的
?阅读jQuery插件的文档,了解其
drop
回调中有关
this
的信息。
console.log(this.id)
显示了什么?所以这是一个打字错误?我试过了,但现在它不调用任何函数。不要为常见的
=
vs
=/code>打字错误发布答案。只需发布评论并将其标记为关闭。您还将
this
更改为
event.target
。这与解决方案有关吗?