在JQuery sortable()函数期间传递列表项值

时间:2010-11-10 21:08:21

标签: php jquery html

我正在尝试将列表项放在另一个列表中时,将无序列表,列表项中的信息传递给ajax请求。

这是获取列表项的列#id的JQuery,但获取$ row ['id']的代码获取每个列表中的第一项,而不是特定项目我是排序。

(我使用php迭代两个列表中的列表项 - 我删除了不必要的PHP代码。)

<script type="text/javascript">
$(document).ready(function(){

$(".sortable").sortable({

connectWith : ".sortable",
receive  : function(){

         var column = $(this).closest('div.box').attr('id');
         var id = $(this).find('span').html(); 

         $.ajax({
                 url: "update_column.php",
                 type:"POST",
                 data: "column="+column+"&id="+id
                });

         alert(column + id)

                 }

})
.disableSelection();

});
</script>

我正在使用alert()给我一些视觉反馈。这是HTML代码:

    <div id="one" class="box">
    <ul class="sortable">


         <li>
         <div class="card">
         <p>' . $row['customer'] . '</p>
         <p>' . $row['ponumber'] . '</p>
         <p class="hide"><b>ID:</b><span>' . $row['id'] . '</span></p>
         <p class="hide">' . $row['misc'] . '</p>
         </div>
         </li>       



    </ul>
    </div>   

    <div id="two" class="box">
    <ul class="sortable">


         <li>
         <div class="card">
         <p>' . $row['customer'] . '</p>
         <p>' . $row['ponumber'] . '</p>
         <p class="hide"><b>ID:</b><span id="id">' . $row['id'] . '</span></p>     
         <p class="hide">' . $row['misc'] . '</p>
         </div>
         </li>






    </ul>
    </div>   

我是一名自编程序员,已经编程了3个月,所以我为任何新手的错误道歉。

1 个答案:

答案 0 :(得分:1)