0 
<script>
    $(function() {
        $( "#sortable" ).sortable();
        $( "#sortable" ).disableSelection();
    });
    </script>


<div class="demo">

<ul id="sortable">
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

</div><!-- End demo -->

ajaxで別のアイテムを追加した後、リストを並べ替え可能にしたいのですが、どうすればよいですか？

4

1 に答える 1

2

ajax 内に新しいリスト項目を追加した後、success: function() {...}次を試すことができます。

$( "#sortable" ).sortable('destroy').sortable().disableSelection();

例えば：

$.ajax({
  url: '',
  type: '',
  success: function() {
    // all codes to append new list items
    // then add following line

    $( "#sortable" ).sortable('destroy').sortable().disableSelection();

    // do something else if need
  }
});
于 2012-08-10T13:41:57.000 に答える