我要做的是创建一个网站,将项目拖放到放置区域,一旦删除特定的拖动项目调用到另一个特定div滑动的功能。我无法弄清楚为什么我不能得到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{
}
}
});
});