Javascript Can'；t使用Internet Explorer将焦点放在jQuery UI按钮内部的文本字段上

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

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

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

---

即使使用jQueryUI“按钮”样式，据我所知，在生成的HTML中似乎也没有任何符合标准的问题。有什么想法吗？

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

---

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

不确定jsbin中发生了什么，但使用jsfiddle对我来说是可行的：看起来body标记不知怎么地窃取了焦点，我在输入字段的blur事件处理程序上使用了setTimeout来检查它，就像这个问题Argh！我没有想到jsbin的多窗格魔法可能是罪魁祸首。果不其然，当你点击在一个单独的窗口中弹出jsbin时，甚至jsbin版本也可以在IE中工作@如果你想写下来作为答案，我会接受的。否则，我将自己写下来，并在今天晚些时候结束这个问题。谢谢