好的,所以可放置的 jquery ui 东西让我有点困惑它应该如何工作。这就是我想要做的。我有 6 个 div 代表某种项目,它们需要放入 6 个可能的类别 div 中的任何一个。因此您可以将所有 6 个放入一个中,或者将 1 个放入 6 个中的每个中,等等。
这是html:
<div class='droppable_category'>
name
</div>
<div class='droppable_category'>
name
</div>
<div class='droppable_category'>
name
</div>
<div class='droppable_category'>
name
</div>
<div class='droppable_category'>
name
</div>
<div class='droppable_category'>
name
</div>
</div>
<br class='clear'>
<div id='column_1_count' class='droppable_bucket'>
</div>
<div id='column_2_count' class='droppable_bucket'>
</div>
<div id='column_3_count' class='droppable_bucket'>
</div>
<div id='column_4_count' class='droppable_bucket'>
</div>
<div id='column_5_count' class='droppable_bucket'>
</div>
<div id='column_6_count' class='droppable_bucket'>
</div>
这是javascript:
$( ".droppable_category" ).draggable({ revert: "invalid" });
$( ".droppable_bucket" ).droppable({
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
drop: function( event, ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});
所以基本上我需要更新一些隐藏字段,比如
<input type="hidden" value="0" id="cat1">
到可丢弃桶中丢弃的项目总数。
所以最后,我会知道在 1-6 号桶里放了多少东西。
关于实现这一目标的最佳方法的任何想法?
谢谢!