将JQuery UI效果应用于文本时滚动条问题

Question

我正在尝试使用JQuery UI来制作可拖动文本块（以及后来的可拖放和可调整大小）。问题在于，所有的JQuery UI文档示例都对具有明确指定的CSS宽度和高度的对象起作用。如果你做这样的事情：

<script type="text/javascript"> 
$(function() { 
$(".draggable").draggable(); 
}); 
</script> 
<p class="draggable">Drag me around</p> 

而无需CSS宽度和指定的高度，在浏览器中的水平滚动条显示出来，并开始只要你触摸文本对象快要疯了。如果指定了CSS宽度和高度属性，问题就消失了，但我正在使用的文本是动态的......我无法提前指定宽度和高度。有没有另一种方法来防止奇怪的滚动条行为？

Answer 1

您可以尝试使用<span>标记代替<p>

Answer 2

一旦开始拖动对象，您可以动态添加宽度和/或高度，然后一旦放下对象，然后将这些样式返回到auto。