對話框中的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); 
     } 
    }); 
});