Question

我的页面上有一个可编辑的div，当用户关注该div时，我有一个脚本，显示一个带有高级编辑工具工具栏的bootstrap模式。

问题是当用户专注于div并且出现模态时，它会禁用编辑div中文本的功能。当你点击div进行编辑时，模态会消失。

我需要模态保持打开，以便用户可以使用工具栏编辑标准页面上div中的文本。

模态看起来像下面的内容。

<!--Editor Toolbar -->
<div id="editorToolbar" class="modal container hide fade" tabindex="-1" data-backdrop="false">
   <div class="modal-body">
      <?php include '../core/editorBar.php'; ?>
   </div>
</div>

我已经制作了这个脚本以允许模式在div具有焦点时显示，现在我只需要在键入div时使其保持不变。

<script type="text/javascript">

  function showToolbar() 
  {
     $('#editorToolbar').modal('show');
  }

</script>

非常感谢任何帮助和想法！

更新

我在模态div中添加了data-backdrop="false"，这从模态后面删除了背景（灰色叠加），但是当你点击div时它仍然会再次隐藏模态。

Answer 1

根据bootstrap文档，您需要将backdrop数据选项设置为"static"。所以：

<div id="myModal" data-backdrop="static">...</div>

或：

$('#myModal').modal({
    backdrop: 'static'
});

允许用户在查看模式时在页面上键入textarea

1 个答案: