带有ajax更新的Jqueryui可排序列表

Question

我正在使用CodeIgniter和jQuery UI Sortable小部件来更改我的菜单列表位置.

例如,如果我的菜单列表是这样的:

<li>menu 1</li>
<li>menu 2</li>
<li>menu 3</li>
<li>menu 4</li>

我想把第一个菜单放在第二个菜单下,让它留在那里.

但是我有点困在jQuery上.

这是获取列表元素的原因:

 <ul id="sortable"> 
    <?php  foreach ($rows as $r)
    {
        echo '
        <li id="sort_'.$r->pid.'" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span> 
            ' . $r->page_name . '
        </li>';
    }

    ?>
</ul>

和jquery:

$( "#sortable" ).sortable({
    placeholder: "ui-state-highlight",
    opacity: 0.6,
    update: function(event, ui) {
        var info = $(this).sortable("serialize");
        alert(info);
    }
});
$( "#sortable" ).disableSelection(); 

我设法提醒结果阵列.

现在我不希望任何人为我写这个,只是暗示如何使用ajax进行更新.

Answer 1

我认为您可以在更新方法中使用 $.ajax(..) 。

http://api.jquery.com/jQuery.ajax/

$.ajax({
  url: "submit.php",
  data: info,
  context: document.body,
  success: function(){
    // success
  }
});

我只是检查信息已经序列化，所以这应该有效。method您可以根据提交类型（发布、获取）添加属性。