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
。这与解决方案有关吗?