3

相対的な幅を持つ要素がいくつかあります。ただし、jquery UI のdraggable()メソッドを使用してこれらの要素の 1 つをドラッグすると、ドラッグしたい場所に基づいて移動します。start および stop コールバックを使用しようとして、次のコードを試しました。

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%');
  }
});

ただし、これはオブジェクトを 2 回目にドラッグしたときにのみ機能するようです。これを正しく機能させる方法はありますか？

4

1 に答える 1

8

あれですか？http://jsfiddle.net/CGQkB/

秘訣は、元のタグを指しているだけでui.helperなく、 の に対処することです。$(this)<li>

于 2012-07-23T16:11:41.483 に答える