Bootstrap 4 引导4模式下的X-可编辑不可单击

Bootstrap 4 引导4模式下的X-可编辑不可单击,bootstrap-4,x-editable,Bootstrap 4,X Editable,我在Bootstrap4设计中有一个模式,上面有两个可执行的文本字段 如果我将XEditable选项设置为inline,它工作得很好(虽然表被推到了一边,但我想这只是一个CSS修复)。但是,如果设置为popup(我想要),我不能单击弹出窗口中的文本框?有人知道为什么吗?我在想可能是订单,但不确定如何改变 附上截图 弹出选项与Bootstrap 4不兼容,目前只有inline起作用。该插件是为Bootstrap3编写的,在标记上存在差异导致了这个问题 Bootstrap 4提供了一个开发分支,您

我在Bootstrap4设计中有一个模式,上面有两个可执行的文本字段

如果我将XEditable选项设置为inline,它工作得很好(虽然表被推到了一边,但我想这只是一个CSS修复)。但是,如果设置为popup(我想要),我不能单击弹出窗口中的文本框?有人知道为什么吗?我在想可能是订单,但不确定如何改变

附上截图


弹出选项与Bootstrap 4不兼容,目前只有inline起作用。该插件是为Bootstrap3编写的,在标记上存在差异导致了这个问题

Bootstrap 4提供了一个开发分支,您可以尝试下载它,看看它是否解决了您的问题:


您可以通过从modal
div
中删除
tabindex
属性来解决此问题

这里,modal div的
tabindex
属性与xeditable的
select2
属性冲突

因此,只需删除

tabindex=-1

或设置

tabindex=10 or any other value.
借用的答案。

编辑:如果使用Jquery:

$(document).off('focusin.modal');
论模态显示事件