質問 > その他 > モバイル版表示の際にメニュー、およびカート以降ページが非表示 |
その他
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
EnPlats |
投稿日時: 2020/9/3 18:49
対応状況: −−−
|
新米 登録日: 2020/9/1 居住地: 投稿: 5 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 こんばんは。
default/html/js/function.js 内で以下の様だったのですが、 ご意見くださいました内容は見つけられませんでした。 どの位置に配置するべきでしょうか? 教えてくださると有り難いです :) ================================ デフォルトでは<div id="drawer" class="drawer sp"></div>が該当の箇所になるかと思いますが class属性のdrawerを削除されていたりしていませんか? もしくはspの中にメニューをコピーするjavascriptを削除されていたりしていませんか? 以下のような記述です。 $('#drawer').append($('.drawer_block').clone(true).children()); ================================ /////////// Drawer menu $('.nav-trigger').on('click', function (event) { event.preventDefault(); if ($('.drawer-open #drawer').size() == 0) { $('.overlay').addClass('is-visible'); $('#wrapper').addClass('drawer-open'); } else { $('#wrapper').removeClass('drawer-open'); $('.overlay').removeClass('is-visible'); toggleCart('close') } return false; }); //open cart form $('.cart-trigger').on('click', function (event) { event.preventDefault(); toggleCart(); $('#wrapper').removeClass('drawer-open'); }); //close lateral menu on mobile $('.overlay').on('swiperight', function () { if ($('#wrapper').hasClass('drawer-open')) { $('#wrapper').removeClass('drawer-open'); $('.overlay').removeClass('is-visible'); } }); $('.overlay').on('click', function () { $('#wrapper').removeClass('drawer-open'); toggleCart('close') $('.overlay').removeClass('is-visible'); }); function toggleCart(type) { if (type == "close") { //close cart $('.cart').removeClass('is-visible'); $('.cart-trigger').removeClass('cart-is-visible'); $('.overlay').removeClass('cart-is-visible'); } else { //toggle cart visibility $('.cart').toggleClass('is-visible'); $('.cart-trigger').toggleClass('cart-is-visible'); $('.overlay').toggleClass('cart-is-visible'); ($('.cart').hasClass('is-visible')) ? $('.overlay').addClass('is-visible') : $('.overlay').removeClass('is-visible'); } } /////////// category accordion $("#category li .toggle").on('click', function () { var togglepanel = $(this).parent('a').next('ul'); if (togglepanel.css("display") == "none") { $(this).parent('a').addClass("active"); togglepanel.slideDown(300); } else { $(this).parent('a').removeClass("active"); togglepanel.slideUp(300); } return false; }); /////////// アコーディオン $(".accordion dl dt").on('click', function () { if ($(this).parent('dl').children('dd').css('display') == 'none') { $(this).addClass('active'); $(this).parent('dl').children('dd').slideDown(300); } else { $(this).removeClass('active'); $(this).parent('dl').children('dd').slideUp(300); } return false; }); /////////// スムーススクロール $('a.anchor').on('click', function () { var speed = 400;//スクロール速度 単位:ミリ秒 var href = $(this).attr("href"); var destination = $(href == "#" || href == "" ? 'html' : href); var position = destination.offset().top; $("html,body").animate({scrollTop: position}, speed, 'swing'); return false; }); /////////// dropdownの中をクリックしても閉じないようにする $(".dropdown-menu").click(function (e) { e.stopPropagation(); }); |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
モバイル版表示の際にメニュー、およびカート以降ページが非表示 | EnPlats | 2020/9/1 18:11 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 | 468 | 2020/9/3 11:55 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 | EnPlats | 2020/9/3 17:06 |
» Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 | EnPlats | 2020/9/3 18:49 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 | 468 | 2020/9/4 11:31 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 | EnPlats | 2020/9/4 21:16 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 | 468 | 2020/9/5 11:03 |