0

我正在编写一个单页应用程序，该应用程序涉及将“项目”从一个盒子拖到另一个盒子中，并可选择对第二个盒子中的项目进行排序。其中一些项目将仅包含静态文本标签，而其他项目将包括文本输入框。

我正在使用 jQuery UI 来支持拖放/排序，并将“项目”设置为 jQuery UI 按钮。演示小提琴位于：

http://jsbin.com/oxotep/3/edit

这在基于 WebKit 的浏览器和 Firefox 中运行良好，但在 Internet Explorer（甚至 IE 10）中无法正常运行。IE 可以很好地处理拖放和排序...但是如果您尝试在带有文本字段的任何“项目”上输入文本，则文本字段将不会保持光标焦点。

即使使用 jQuery UI“按钮”样式，在生成的 HTML 中似乎也没有我所知道的任何标准合规性问题。有任何想法吗？

4

1 回答 1

0

正如对原始问题的评论中所讨论的，问题在于“jsbin.com”本身，而不是我在那里测试的代码。当您使用 Internet Explorer 在 jsbin 框架内测试代码时，输​​入焦点会被 body 标记窃取。

您可以通过将结果作为单独的窗口弹出来解决此问题，而不是在框架内运行它。此外，“jsfiddle.com”一开始就没有这个问题。

于 2013-08-04T16:17:01.017 回答