Bootstrap Modal在關閉後凍結頁面

不知道爲什麼，但是我的Bootstrap Modal在我點擊關閉按鈕後凍結了我的屏幕。引導版本是3.3.6Bootstrap Modal在關閉後凍結頁面

模態代碼：

<!-- Modal --> 
<div id="myModal" class="modal fade" role="dialog" !important> 
    <div class="modal-dialog modal-lg"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Edit Message</h4> 
      </div> 
      <div class="modal-body"> 
       <textarea class="form-control" rows="10" ng-model="msg.message" required autofocus style="max-width: 100%;">{{msg.message}}</textarea> 
      </div> 
      <div class="modal-footer"> 
       <button type="submit" class="btn btn-default" ng-click="controller.edit(msg)">Edit And Close</button> 
      </div> 
     </div> 

    </div> 
</div>

按鈕點擊呼叫模式：被稱爲上接近

<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-pencil"></span></button>

方法：

public edit(message) { 
    console.log(message); 
    this.$http.put(`api/causemessage`, message).then((res) => { 
     this.$state.reload(); 
    }); 
}

如果有人能幫助診斷這個問題，那將非常感謝！

來源

2017-06-01 Alex Liosatos

小提琴將很高興有 –

你應該使用角引導而不是引導與jQuery –

@SiddharthPandey我的整個項目是數百個文件長。除了核心引導文件之外，我給你所有與模態本身相關的東西。我也可以使用一堆不同的模態和方法，沒有冒犯性，我只是在尋找一種解決方案來解決我目前的方法。 –

嘗試使用方法下面的腳本，你在千鈞一髮..

$（ '＃myModal'）模態（ '隱藏'）。

來源

2017-06-01 16:47:41 Ashwin

工作過，謝謝！對於那些無法讓jQuery識別.modal的人。你可以做到這一點。（ $（'＃myModal'））。modal（'hide'）; –

:-) ..ya.thankyou !! :-) – Ashwin

Bootstrap Modal在關閉後凍結頁面

回答

相關問題