bootstrap和jquery模式失敗

Question

我正在使用Bootstrap和jQuery，並且我已經獲得了使用文本屬性觸發打開的模式內容工作正常。

不過，我想從另一個腳本關閉打開的模式窗口，我得到的是modal is not defined錯誤：

modals.js:94 Uncaught TypeError: $(...).modal is not a function(anonymous function) @ modals.js:94dispatch @ jquery.min.js:3r.handle @ jquery.min.js:3 
modals.js:86 Object {__ob__: Observer, __v-for__1: Fragment} 

的代碼看起來是這樣的：

$('#mymodal').modal('hide'); 

的加載順序js文件是：

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script> 
<script src="/modals.js" type="text/javascript"></script> 

如果模態風未定義ow從data-toggle="modal"電話正常工作？

Answer 1

很多敲我的頭後，這是由於jQuery的另一個版本正在導入通過我不知道的涼亭裝置。一旦我知道在哪裏看，它是一個簡單的修復，以刪除這個重複的jQuery和該網站按預期工作。

Answer 2

可能還有其它劇本重寫bootsrap態函數$.fn.modal

如果這是真的，你需要解決衝突：

var bootstrapModal = $.fn.modal.noConflict(); 
$.fn.bootstrapModal = bootstrapModal; 
$('#mymodal').bootstrapModal('hide');