将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

您可以在开始拖动对象后动态添加宽度和/或高度，然后在删除后将这些样式返回auto。

Answer 2

您可以尝试使用<span>代码而不是<p>