我希望使用jQuery实现拖放功能。
目前我有一个“存储”区域,其中包含多个项目。
另一边有x个盒子,每个盒子只能容纳一个项目。
目前,我使用droppable函数在盒子上设置另一个类,仅允许添加1个项目。
目前我有一个“存储”区域,其中包含多个项目。
另一边有x个盒子,每个盒子只能容纳一个项目。
目前,我使用droppable函数在盒子上设置另一个类,仅允许添加1个项目。
$( ".droppable" ).droppable({
accept: ".draggable",
activeClass: "draghover",
drop: function( event, ui ) {
if($( this ).hasClass("droppable")) {
$( this ).removeClass("droppable").addClass( "droppable-");
}
} });
现在,当我把物品移回到存储区或另一个盒子时,我需要恢复类。我尝试使用可拖动的start函数来实现,但是我无法获取正确的parent()。
$( ".draggable" ).draggable({
revert: "invalid",
snap: ".droppable",
snapMode: "inner",
start: function( event, ui ) {
alert($( this ).parent().attr("Class"));
}
});
这将始终返回第一个拖动之前的起始位置,而不是最新位置。
存储看起来像:
<td valign="top" class="warenlager" bgcolor="grey" width="200">
<div class="draggable" class="bild ui-widget-content" id="s73-1">S</div>
<div class="draggable" class="bild ui-widget-content" id="s74-1">S</div>
</td>
盒子长这样:
<td><div class="droppable" id="element 2"></div></td>
敬礼