我正在关注
jquery ui docs以使div可拖动并可排序.它确实适用于拖动和排序.但是当我从可拖动到可排序的div中取出div时,可拖动的宽度会发生变化并且不会保留其应该的宽度.
这是demo
JS：
$(function() {
$('#grid-main_content').sortable({
revert:true
});
$('#block-list .block').draggable({
connectToSortable: '#grid-main_content',helper: 'clone',revert:'invalid'
});
})
如果我检查我拖动到sortable的元素,我可以看到一个内联样式被赋予一个带有宽度的可拖动块(通过jquery).
如何保持块已有的样式？谢谢.
解决方法
您可以使用draggables’
start event来维护帮助程序的特定样式
$('#block-list .block').draggable({
connectToSortable: '#grid-main_content',helper : 'clone',revert : 'invalid',start : function(event,ui){
$(ui.helper).addClass("ui-helper");
}
});
CSS：
.ui-helper {
width: 100% !important;
}
