無法專注於使用Internet Explorer的jQuery UI按鈕內部的文本字段

我正在編寫一個單頁應用程序，它涉及將「項目」從一個框拖動到另一個框中，並且可以對該第二個框中的項目進行排序。其中一些項目僅包含靜態文本標籤，而其他項目則包含文本輸入框。無法專注於使用Internet Explorer的jQuery UI按鈕內部的文本字段

我使用jQuery UI來支持拖放/排序，並將「items」設置爲jQuery UI按鈕的樣式。該演示小提琴是：

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

這個工作在基於WebKit的瀏覽器和Firefox很大，但並沒有在Internet Explorer（IE甚至10）的工作權利。 IE處理拖放和排序就好...但如果您嘗試在任何帶有文本字段的「項目」上輸入文本，文本字段將不會保留光標焦點。

即使使用jQuery UI「按鈕」樣式，我也不會在結果HTML中看到任何符合標準的問題。有任何想法嗎？

來源

2013-07-22 Steve Perkins

不知道在jsbin中發生了什麼，但使用jsfiddle爲我工作：http://jsfiddle.net/6VcB8/ –

它看起來像身體標記是以某種方式竊取焦點，我在blur事件處理程序上使用setTimeout在輸入字段來檢查它像這個問題http://stackoverflow.com/questions/11544554/get-the-clicked-object-that-triggered-jquery-blur-event – koosa

唉！我並沒有想到jsbin的多窗格魔術可能是罪魁禍首。果然，即使jsbin版本在IE中工作，當你點擊彈出一個單獨的窗口。 @roasted，如果你想寫這個答案，那麼我會接受它。否則，我會自己寫下來，並在今天晚些時候結束這個問題。謝謝！ –

正如對原始問題的評論所討論的，問題出在「jsbin.com」本身，而不是我在那裏測試的代碼。當您使用Internet Explorer測試jsbin框架內的代碼時，輸入焦點會被body標籤竊取。

您可以通過將結果作爲單獨的窗口彈出而不是在框架內運行來解決問題。另外，「jsfiddle.com」首先沒有這個問題。

來源

2013-08-04 16:17:01

無法專注於使用Internet Explorer的jQuery UI按鈕內部的文本字段

回答

相關問題