Bootstrap 4模式中的X-Editable不可点击答案

【问题标题】：X-Editable in Bootstrap 4 modal not clickableBootstrap 4模式中的X-Editable不可点击
【发布时间】：2018-01-09 14:56:33
【问题描述】：

我在 Bootstrap 4 设计中有一个模态框，上面有两个 XEditable 文本字段。

如果我将 XEditable 选项设置为内联，它可以正常工作（认为表格被推到一边，但我猜这只是 CSS 修复）。但是，如果它设置为我想要的弹出窗口，我无法单击弹出窗口中的文本框？有人知道为什么吗？我在想可能是订单，但不确定如何更改？

附上截图。

【问题讨论】：

【解决方案1】：

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

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

所以简单地删除

tabindex=-1

或设置

tabindex=10 or any other value.

编辑：如果使用 Jquery：

$(document).off('focusin.modal');

在模态显示事件上

【讨论】：

【解决方案2】：

弹出选项与 Bootstrap 4 不兼容，目前只有 inline 起作用。该插件是为 Bootstrap 3 编写的，标记存在差异会导致此问题。

有一个适用于 Bootstrap 4 的开发分支，您可以尝试下载它以查看它是否解决了您的问题：

【讨论】：