在Bootstrap 4中X-可编辑模式不可点击
在Bootstrap 4中X-可编辑模式不可点击
提问于 2018-01-09 22:56:34
我有一个Bootstrap4设计的模式，上面有两个XEditable文本字段。
如果我将XEditable选项设置为inline，它会工作得很好(虽然表被推到一边，但我猜这只是一个CSS修复)。但是，如果它设置为弹出窗口，我不能单击弹出窗口中的文本框。有人知道为什么吗？我在想，也许是订单，但不确定如何改变？
附加屏幕截图。
回答 2
Stack Overflow用户
发布于 2018-09-25 15:58:01
您可以通过从模式div中删除tabindex属性来解决此问题。
此处，modal div的tabindex属性与xeditable的select2属性冲突。
所以只需移除
tabindex=-1
或设置
tabindex=10 or any other value.编辑:如果使用Jquery：
$(document).off('focusin.modal');关于模态显示事件
Stack Overflow用户
发布于 2018-01-19 01:07:09
弹出选项与Bootstrap 4不兼容，目前仅内联有效。该插件是为Bootstrap 3编写的，导致此问题的标记存在差异。
Bootstrap 4有一个开发分支，你可以尝试下载它，看看它是否解决了你的问题：
https://github.com/Talv/x-editable/tree/develop/dist/bootstrap4-editable
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48170899
复制相关文章
相似问题
腾讯云开发者
