我正在关注
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;
- }
