如何找出丢弃的项目

时间:2012-07-17 19:33:10

标签: jquery

我要做的是创建一个网站,将项目拖放到放置区域,一旦删除特定的拖动项目调用到另一个特定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{

        }

    }

}); 

});

1 个答案:

答案 0 :(得分:1)

请参阅jQuery UI Documentation

drop回调有两个参数:eventuiui.draggable是拖放到可放置区域的项目