允許用戶在查看模態時在頁面上輸入textarea

Question

我的頁面上有一個可編輯的div，當用戶關注該div時，我有一個腳本顯示帶有用於高級編輯工具的工具欄的引導模式。

問題是當用戶關注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> 

任何幫助和想法將非常感激！

更新

我說：data-backdrop="false"的模態DIV，這從背後模去除背景（灰色覆蓋），但是當您單擊DIV它仍然再次隱藏模式。

Answer 1

根據bootstrap文檔，您需要將backdrop數據選項設置爲"static"。因此，要麼：

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

或：

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