对话框中的jQueryUI对话框输入不可点击

Question

我的jQueryUI对话框中有一个tinyMCE。如果我点击我的tinyMCE中的“创建链接”，会打开一个新的对话框，我可以放入链接。 但是，当我点击该对话框中的输入时，对话框BEHIND上的输入被聚焦，并且我无法在上面的对话框中输入文本。

下面是截图：

即使是用z-index我不能够使输入（URL）focussable，所以我不能把文本。

有人知道这个问题吗？

在此先感谢！

Answer 1

好的，这是tinyMCE/jQueryUi组合的一个知道的错误。

有两个解决方案，但：

$(document).on('focusin', function(e) { 
    if ($(event.target).closest(".mce-window").length) { 
     e.stopImmediatePropagation(); 
    } 
}); 

，对我的工作！

但还有另一种解决方案，您可以尝试：

jQuery(function ($) {  
    $.widget("ui.dialog", $.ui.dialog, { 
    _allowInteraction: function(event) { 
     return !!$(event.target).closest(".mce-container").length || this._super(event); 
     } 
    }); 
});