Javascript 在使用jQuery UI Dragable时为元素提供临时固定宽度？

我有一些相对宽度的元素。但是，当我使用jQueryUI的

draggable（）

方法拖动其中一个元素时，它会根据我想要拖动它的位置进行移动。我尝试了以下代码，尝试使用启动和停止回调：

HTML:

<ul id='item-list'>  
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

JavaScript

$("#item-list li").draggable({
  revert : true,
  helper : 'clone',
  start : function() {
    $(this).css('width',$(this).width());
  },
  stop : function() {
    $(this).css('width','100%');
  }
});

但是，这似乎只在我第二次拖动对象时起作用。有什么方法可以让它正常工作吗？

是吗

---

诀窍是解决

ui.helper

的问题，而不仅仅是

$（这个）

，因为它只指向原始的

标记。

Dude。。我今天不得不使用JqueryUI draggables，由于某些原因，嵌套元素在chrome中的大小不合适。不管怎样，这帮了大忙，谢谢你把它贴出来。很高兴能帮上忙。科瓦邦加，伙计；）

$("#item-list li").draggable({
  revert : true,
  helper : 'clone',
  start : function() {
    $(this).css('width',$(this).width());
  },
  stop : function() {
    $(this).css('width','100%');
  }
});