我想要做的是创建一个站点，将项目拖入放置区域，一旦将特定拖动的项目拖放到另一个特定 div 中滑动的函数，就会调用该函数。我不知道为什么我不能得到 if --- else if 工作。我的目标是拥有一个干净的函数，可以查看哪个项目被拖放，并根据拖放的项目，我想要一个特定的“发生的事情”，例如页面幻灯片。这是我的 jquery 代码：
$(document).ready(function(){
var i;
var banners = ('#banners');
var tryout = ('#try2');
var navItem = [banners, tryout];
var dropItem = (".nav");
// DRAGGABLE
$(dropItem).draggable({
});
$("#dropArea").droppable({
drop: function() {
if ("dragged Item " == banners){
$(".panel").toggle("fast");
$(this).toggleClass("active")
}
else if ("dragged Item " == tryout){
// and so on...
}
}
});
});
在这里编辑添加是我现在在这里的示例 www.diskrim.com/tryout $(dropItem).draggable({
});
$("#dropArea").droppable({
drop: function(event, ui) {
if (ui.draggable = navItem[0]){
alert("banners");
}
else if (ui.draggable = navItem[1]){
alert("just pop up");
}
else{
}
}
});
});