我正在编写一个单页应用程序，涉及将“项目”从一个框拖到另一个框中，并可选择对第二个框中的项进行排序。其中一些项目仅包含静态文本标签，而其他项目将包括文本输入框。
我正在使用jQuery UI来支持拖放/排序，并将“项目”设置为jQuery UI按钮。演示小提琴位于：
http://jsbin.com/oxotep/3/edit
这在基于WebKit的浏览器和Firefox中运行良好，但在Internet Explorer（甚至IE 10）中无法正常工作。 IE处理拖放和排序就好......但是如果你尝试在带有文本字段的任何“项目”上输入文本，文本字段将不会保持光标焦点。
即使使用jQuery UI“按钮”样式，我在生成的HTML中似乎也没有任何标准兼容性问题。有什么想法吗？
答案 0 :(得分：0)
正如对原始问题的评论中所讨论的那样，问题在于“jsbin.com”本身，而不是我在那里测试的代码。当您使用Internet Explorer测试jsbin框架内的代码时，输入焦点会被正文标记窃取。
您可以通过将结果弹出作为单独的窗口来解决问题，而不是在框架内运行它。此外，“jsfiddle.com”首先没有这个问题。