將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。