我正在进行拖放操作并在数据库中存储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
答案 0 :(得分:1)
根据@jheilgeist在这里,在div上添加一个位置:relative,将它排序,即使它有点奇怪。
在这些浏览器中,它看起来像是一个jQuery UI错误。
点击此处查看更多信息:http://bugs.jqueryui.com/ticket/7546