https://themewagon.com/themes/titan/というテンプレート
(HTML5&Bootstrap)使ってLPを作成しているのですが、
デフォルトの設定ですと、ハンバーガーメニューをクリックすると
ページ推移、ページ内リンクですとメニューをクリックしても
そのままメニューが開いた状態になります。
これをメニューをクリックした際に
自動的にメニューが閉じる仕様に変更したいのですが、
上手く動作してくれません。。。
下記がメニューのスクリプトになります。
/* ---------------------------------------------- /* * Navbar hover dropdown on desctop /* ---------------------------------------------- */ function hoverDropdown(width, mobileTest) { if ((width > 767) && (mobileTest !== true)) { $('.navbar-custom .navbar-nav > li.dropdown, .navbar-custom li.dropdown > ul > li.dropdown').removeClass('open'); var delay = 0; var setTimeoutConst; $('.navbar-custom .navbar-nav > li.dropdown, .navbar-custom li.dropdown > ul > li.dropdown').hover(function() { var $this = $(this); setTimeoutConst = setTimeout(function() { $this.addClass('open'); $this.find('.dropdown-toggle').addClass('disabled'); }, delay); }, function() { clearTimeout(setTimeoutConst); $(this).removeClass('open'); $(this).find('.dropdown-toggle').removeClass('disabled'); }); } else { $('.navbar-custom .navbar-nav > li.dropdown, .navbar-custom li.dropdown > ul > li.dropdown').unbind('mouseenter mouseleave'); $('.navbar-custom [data-toggle=dropdown]').not('.binded').addClass('binded').on('click', function(event) { event.preventDefault(); event.stopPropagation(); $(this).parent().siblings().removeClass('open'); $(this).parent().siblings().find('[data-toggle=dropdown]').parent().removeClass('open'); $(this).parent().toggleClass('open'); }); } } /* ---------------------------------------------- /* * Navbar collapse on click /* ---------------------------------------------- */ $(document).on('click','.navbar-collapse.in',function(e) { if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) { $(this).collapse('hide'); } });
「Navbar collapse on click」部分のように
何か追記する形でも、どこか編集する形でも
どちらでも構いませんので、お力添えを頂けますと幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。