Joomla Bootstrap自定義模板中的移動菜單未關閉

Question

我建立了一個Joomla模板來重新設計公司網站的前端。 一切正常，看起來不錯。 我現在唯一的問題是移動菜單。 單擊菜單按鈕時，它將打開，但不會關閉。 擺脫它的唯一方法是選擇一個鏈接或刷新頁面。

我知道問題是Joomla使用了Bootstrap.js的自定義版本，但是如果我包含自己的標准Bootstrap.js文件，則所有操作都會停止，因為會發生對JavaScript的沖突調用。

有什么知道的解決方案嗎？

該網站是www.DriveAndShine.com

Answer 1

<div id="navbar" style="height: 456px; background-color: rgb(17, 3, 140);" 
  class="navbar-collapse collapse **in**">

重新單擊菜單時，類中的類似乎未被刪除，您可以對#navbar使用jQuery hasClass方法（請在運行代碼之前包含jquery）

if($('#navbar').hasClass('in')) {
   $('#navbar').removeClass('in');
} else {
   $('#navbar').addClass('in');
}