【问题标题】:jquery drag and drop with databasejquery拖放与数据库
【发布时间】:2013-02-06 17:14:17
【问题描述】:

我正在处理拖放并将 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拖放作品,如果有其他可能支持所有浏览器的示例!

上午

【问题讨论】:

    标签: php jquery mysql drag-and-drop


    【解决方案1】:

    这里根据@jheilgeist 所说,在div 上添加一个 position:relative 会对其进行排序,即使它的行为有点怪异。

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

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

    【讨论】:

    • 我已经尝试过那个位置:div 上的relative 不起作用...任何其他想法!
    • 请在 IE9 中尝试这个示例,如果它有效,请告诉我:jqueryui.com/sortable 如果有效,您只需要根据您的需要重新调整它。
    • 没问题 :) 如果这解决了您的问题,请将我的答案标记为正确答案!谢谢,祝您有愉快的一天!
    猜你喜欢
    • 2018-01-21
    • 2010-10-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-02
    • 1970-01-01
    • 2021-08-14
    • 1970-01-01
    相关资源
    最近更新 更多