拖放Internet Explorer

Question

我在Internet Explorer和Safari中遇到拖放问题。在Firefox 15 (未在其他版本上测试)中，代码运行正常。项目可以从一个dropzone拖放到另一个dropzone，并且在顶部dropzone中的排序可以完美地工作。在Safari中，拖放似乎仍然有效，但排序不起作用。在Internet Explorer中，什么都不起作用。我想避开jQuery http://jsfiddle.net/kMbPF/18/

我假设本教程中介绍了一种解决此问题的方法。我在这段代码中遇到的一个问题是，他们只将它应用于一个元素，而我有多个元素。另外，当我只将它应用于一个元素时，它使该元素可拖动，但不允许将其放入dropzone中。我不是很肯定，但这个解决方案似乎只有在Internet Explorer版本9或更高版本时才有效，这并不理想，但肯定比根本不支持要好。我也不认为我可以像他们看到的那样执行onload，因为我将从数据库填充我的可拖动对象，所以onload可能在项目被放入dropzone之前就已经触发了。http://marakana.com/s/html5_drag_n_drop_api,1071/samples/try2.htm具体地说：

if(myDiv.dragDrop){
    myDiv.onselectstart=function(){this.dragDrop();return false};
}

我不想达到100%的浏览器兼容性，但我想得到Internet Explorer和Firefox。谢谢你的帮助!

Answer 1

Internet Explorer 10之前的版本不理解draggable属性。要想在IE上使用拖放功能，你需要将要拖放的项目拖到天生可拖拽的位置:链接、图像或选定的文本。将您的table元素更改为a元素，它将在IE中工作。