javascript - 使用 jQuery UI 可拖动时给元素一个临时的固定宽度？

Question

我有一些具有相对宽度的元素。但是，当我使用 jquery UI 的 draggable() 方法拖动这些元素之一时，它会根据我想拖动它的位置进行移动。我尝试了以下代码，尝试使用开始和停止回调:

HTML:

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

CSS

#item-list {
  width: 40%;
}

#item-list li {
  width:  100%;
}

JavaScript

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

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

Answer 1

是吗？ http://jsfiddle.net/CGQkB/

诀窍是解决 ui.helper 的问题不只是$(this)因为那只是指向原来的 <li>标签。