只要不是当前可拖动的对象，我就可以让 IE 删除对象。这适用于 Chrome 和 Firefox。我是不是做错了什么？
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
</head>
<body>
<ul id="list">
<li id="test-1" class="dropme">One</li>
<li id="test-2" class="dropme">Two</li>
</ul>
<div id="bucket" style="border:1px solid black">
<p>Drop items here and they should be removed.</p>
</div>
<script>
$("#list").sortable({
items: 'li'
});
$('#bucket').droppable({
drop: function(event, ui) {
$(ui.draggable).remove();
},
accept: '.dropme'
});
</script>
</body>
</html>
最佳答案
IE 中的 ui.draggable 和 drop 函数有点奇怪。试试这个:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
</head>
<body>
<ul id="list">
<li id="test-1" class="dropme">One</li>
<li id="test-2" class="dropme">Two</li>
</ul>
<div id="bucket" style="border:1px solid black">
<p>Drop items here and they should be removed.</p>
</div>
<script>
$("#list").sortable({
items: 'li',
stop: function(event, ui) {
if (deleteMe) {
ui.item.remove();
deleteMe = false;
}
}
});
$('#bucket').droppable({
drop: function(event, ui) {
deleteMe = true;
},
accept: '.dropme'
});
</script>
</body>
</html>
关于jQuery $(ui.draggable).remove() 不适用于 IE，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5994990/