jquery拖放数据库

时间:2013-02-06 17:14:18

标签: php jquery mysql drag-and-drop

我正在进行拖放操作并在数据库中存储ID号,我刚刚完成并在所有浏览器中运行良好,但问题是在IE 8或9中无效。

问题是在IE中不允许我拖动或移动那个我无法弄清楚如何解决这个问题的问题,其余的浏览器都可以正常工作。

这里是jquery代码

<script type="text/javascript">
$(document).ready(function(){  
   function slideout(){
  setTimeout(function(){
  $("#response").slideUp("slow", function () {
      });

}, 2000);}

    $("#response").hide();
 $(function() {
 $("#list ul").sortable({ opacity: 0.8, cursor: 'move', update: function() {

 var order = $(this).sortable("serialize") + '&update=update'; 
 $.post("updateList.php", order, function(theResponse){
 $("#response").html(theResponse);
 $("#response").slideDown('slow');
 slideout();
 });   
 }   
 });
 });

}); 
</script>

,正文代码是

    <div id="response"> </div>
    <ul>
      <?php
                include("connect.php");
 $query  = "SELECT id, text FROM dragdrop ORDER BY listorder ASC";
 $result = mysql_query($query);
 while($row = mysql_fetch_array($result, MYSQL_ASSOC))
 {

 $id = stripslashes($row['id']);
 $text = stripslashes($row['text']);

 ?>
      <li id="arrayorder_<?php echo $id ?>"><?php echo $id?> <?php echo $text; ?>
        <div class="clear"></div>
      </li>
      <?php } ?>
    </ul>
  </div>
</div>

任何人都可以帮我解决IE浏览器的拖放工作,如果有其他样本可能支持所有浏览器的话!

AM

1 个答案:

答案 0 :(得分:1)

根据@jheilgeist在这里,在div上添加一个位置:relative,将它排序,即使它有点奇怪。

在这些浏览器中,它看起来像是一个jQuery UI错误。

点击此处查看更多信息:http://bugs.jqueryui.com/ticket/7546