2013-04-26 93 views
0

我已经启用了以下元素拖动功能。如何将元素拖放到所选的div元素上

$('.item').draggable({ 
    revert : true 
}); 

我要的是点击后拖动这个到文档,其中也有和效果在预先选定的股利。

jQuery(".bill-description").click(function() 
{ 
    jQuery(this).next(".bill-item-list").slideToggle(700); 
}); 

我怎样才能让这个元素(扩大时)接受拖动元素。我真正想要的是知道如何处理div元素打开或不打开的事件。

有没有什么好的方法来处理这个事件。

回答

0

您需要在.bill-description上设置“droppable”。

jQuery(".bill-description").droppable({ 
    accept: ".item", 
    drop: function(event, ui) { 
     //do something 
    } 
}); 

您可以了解更多关于此处可投放目标,在jQuery UI的文档:http://jqueryui.com/droppable/#default

+0

是的,我需要的元素可放开!但是,事情是,我需要接受的元素应该扩大!如何检查.bill-description是否被扩展! – 2013-04-26 04:22:38

+0

您可以随时检查元素的大小或可见性,以确定它是否展开。 – 2013-04-28 20:32:22