演示: http://jsfiddle.net/rWpca/
第一个问题
我在这里想要实现的是,当用户拿起或将可拖动的内容放到可放置区域时,样式将会有所不同。可悲的是,有一些中间动画正在发生。
您会注意到,当您拿起它时,项目会立即增加,这是所需的行为,但只要您放弃它,字体大小会暂时缩小,然后再次增加。 仅当jQuery动画放置项的定位时才会出现此行为。如果元素“捕捉”到位而不是平滑过渡,则没有动画或更改字体大小。
第二个问题
有时候jQuery在放下单词时不能平滑地定位动画,因此它会落在正确的位置。它只是飞过页面而没有任何缓和。为什么会这样?
答案 0 :(得分:1)
要解决尺寸问题,请将CSS更改为this。
自:
span.ui-draggable-dragging { font-size: 20px; }
要:
span.ui-draggable-dragging, span.ui-sortable-helper { font-size: 20px; }
拖动时,ui-sortable-helper
类会添加到您的范围内。
编辑:关于你的第二个问题,我想到你可以将revert
属性设置为整数。我把它设置为500,你的第二个问题似乎发生得少了
像这样:revert: 500