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

Question

我的jQueryUI对话框中有一个tinyMCE。如果我点击＆＃34;创建链接＆＃34;在我的tinyMCE中打开一个新对话框，我可以在其中放入链接。 但是，当我单击该对话框中的输入时，对话框BEHIND上的输入将被聚焦，我无法在对话框中放入文本。

以下是截图：

即使使用z-index我也无法使输入（URL）可以聚焦，因此我无法输入文本。

任何人都知道这个问题吗？

提前致谢！

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 );
        }
    });
});