我正在为 Web 应用程序使用 JQuery UI 的拖放功能。
我有以下 HTML 结构:
<div id="list">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
</div>
和 Javscript:
$('#list').sortable({containment: 'parent'});
当我拖动、移动和放下项目时,所有项目都很好地垂直对齐,这是我喜欢的。
现在我希望当我将一个项目拖动并悬停在另一个项目上时,下面的项目可以显示一些类似于 JQuery UI 的 Droppable 中可用的hoverClass 的视觉效果。
我该怎么做?
感谢和问候!
最佳答案
对于hoverClass
,您可以使用over
和out
方法执行类似的操作。 start
和 stop
也可以帮助您。
$('.sortable').sortable({
over : function(){
$(this).addClass('valid');
},
out : function(){
$(this).removeClass('valid');
}
});
关于jquery-ui - JQuery UI 可排序 : how to make items have droppable behavior (ex.悬停类)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18559526/