Javascript Jquery列表拖放&;抛售

Javascript Jquery列表拖放&;抛售,javascript,php,jquery,ajax,jquery-ui,Javascript,Php,Jquery,Ajax,Jquery Ui,我正在使用jquerysortable,我面临一个问题。当我拖动一个列表时,它会显示一个很大的空白。 这是我的密码 $(function() { $("#todo").sortable({ opacity: 0.6, cursor: 'move', update: function() { var order = $(this).sortable("serialize") + '&action=updateRecordsListings' $.

我正在使用jquerysortable,我面临一个问题。当我拖动一个列表时,它会显示一个很大的空白。 这是我的密码

$(function() {
    $("#todo").sortable({ opacity: 0.6, cursor: 'move', update: function() {

        var order = $(this).sortable("serialize") + '&action=updateRecordsListings'

        $.post("todo/updateDB.php", order, function(theResponse){

        });                                                              
    }                                 
    });
});
html


    我认为你的css文件创建的问题或js文件。请仔细看看。逐个拆下并检查

    你能给我举个例子吗?这比在图片中更容易看到发生了什么。它在JSFIDLE中工作良好为什么在我的项目中不工作良好?如果它在FIDLE中工作,而不是在您的代码中,那么它会受到您没有添加到FIDLE中的内容的影响。可能是CSS。我认为是您的CSS文件创建了问题或js文件。请仔细看看。一个接一个的拆下来检查一下,我觉得这就是问题所在。好的,谢谢。
    <ul id="todo">
    <?php
    
    $sel=mysql_query("SELECT * FROM `todo` WHERE `proid`='$proid' ORDER BY `order` ASC");
     $b=mysql_num_rows($sel);
     $i=0;
    while($show=mysql_fetch_array($sel))
    {
        $i++;
    ?>
    <li id="recordsArray_<?php echo $show['id']; ?>"><div class="span12"><em><strong><?php echo $show['title'] ?></strong></em></li>
    
    <?php
    }
    ?>
    <?ul>