表格之间的拖拽，为什么会很卡

拖拽代码 
$(document).ready(function(){  
        $(".ling").sortable({
        items:'tr',
            connectWith:'.ling'
           });
});
这是页面代码
<body>
<!--{if $bookname == '选择图书'}-->
暂无数据
<!--{else}-->
<table  width="800" border="1" class="ling" id="t1">
  <tr id="-1">
    <td width="39" align="left">序号</td>
    <td width="148" align="left">标题</td>
    <td width="186" align="left">图片名</td>
    <td width="137" align="left">所属图书</td>
    <td width="155" align="left">所属套书</td>
  </tr>
  <!--{loop $zugaolist $v}-->//  这是从数据库里读出的所有列表
  <tr  class="mei" id="<!--{eval $b+=1;echo $b;}-->"  title="$v[zid]">
    <td width="40"><!--{eval $a+=1;echo $a;}--></td>
    <td width="147">$v[subject]</td>
    <td width="187">
<!--{eval 
$thu_arr = unserialize($v[filename]);
}-->
<!--{loop $thu_arr $val}-->
<div>$val</div><!--{/loop}-->
</td>
    <td width="137">$v[bookname]</td>
    <td width="155">$v[booksname]</td>
  </tr>
  <!--{/loop}-->
</table>
<!--{/if}-->
<div id="Layer1" >
<table  width="800" border="1" class="ling" id="t2">
  <tr id="-1">
    <td width="39" align="left">序号</td>
    <td width="148" align="left">标题</td>
    <td width="186" align="left">图片名</td>
    <td width="137" align="left">所属图书</td>
    <td width="155" align="left">所属套书</td>
  </tr>
</table> 
<a href="javascript:void(0);" onclick="tijiao();">提交</a></div>
</body>我现在的问题是，当数据库里面的数据非常的多的时候，甚至是1000条   拖拽起来为什么很卡，跟我的代码有关？？我的代码很少啊！！！！

解决方案 »

  1.   

    这个主要由游览器的性能决定的.ie6卡那是非常正常的事, 如果不卡那才是有问题.你试试用ff和chrome看看还会不会卡
      

  2.   

    实在不行，ie6不用去管啦记得google电吉他都不支持ie，好像
      

  3.   

    1000多条 。js操作 ，肯定会卡的 就算什么jquery 。
    你看能分页不 。
      

  4.   

    卡就自己写拖放事件，效率比jQuery会高一些，主要是优化一下onmousemove事件中的处理。
      

  5.   

    最后解决卡的方法就是不用ui了
    改成按钮的上下键的了使用jquery和js代码完成的，谢谢大家的指点与帮助