###前提・実現したいこと
お世話になります。
スマートフォンでドロワーメニューを開いている状態のとき、画面を回転したときに幅を再取得したいのですが、うまくできません。
お手数をおかけしますが、どなたかご教授お願いします。
###該当のソースコード
javascript
1$(function() { 2 // アクセス時にグローバルメニューの位置を設定 3 glmCat.css({ 4 'height': glmCatH + 'px', 5 'width': windowW + 'px', 6 'left': '-' + windowW + 'px' 7 }); 8 glmPri.css({ 9 'height': glmPriH + 'px', 10 'width': windowW + 'px', 11 'left': '-' + windowW + 'px' 12 }); 13 glmMai.css({ 14 'height': glmMaiH + 'px', 15 'width': windowW + 'px', 16 'right': '-' + windowW + 'px' 17 }); 18 19 // リストトグル 20 $('.evListOpen').on('click', function() { 21 $(this).next('.evlistSub').stop().slideToggle(); 22 if ($(this).hasClass('ev-open')) { 23 $(this).css('background-image', 'url(/images/smart/top/icon/plus.png)'); 24 $(this).removeClass('ev-open'); 25 } else { 26 $(this).css('background-image', 'url(/images/smart/top/icon/minus.png)'); 27 $(this).addClass('ev-open'); 28 } 29 }); 30 31 // グローバルメニュー表示 32 function globalMenuWrapOpen(elm, elmH) { 33 st = $(window).scrollTop(); 34 elm.css('display', 'block'); 35 cnts.fadeOut(); 36 setTimeout(function() { 37 elm.addClass('open'); 38 }, 300); 39 $(window).scrollTop(0); 40 } 41 42 // グローバルメニュー非表示 43 function globalMenuWrapClose(t, st) { 44 cnts.fadeIn(); 45 // globalMenu内まとめて処理 46 $('#globalMenu .evListOpen').css('background-image', 'url(./images/smart/top/icon/plus.png)'); 47 $('#globalMenu .evListOpen').removeClass('ev-open'); 48 $('#globalMenu .evlistSub').css('display', 'none'); 49 t.parents('#globalMenu').find('.open').removeClass('open') 50 setTimeout(function() { 51 glmMai.css('display', 'none'); 52 }, 500); 53 sliderRank.slick('setPosition'); 54 sliderMain.slick('setPosition'); 55 $(window).scrollTop(st); 56 } 57 58 // グローバルメニュー表示キック 59 $('.globalMenuCategory').on('click', function() { 60 globalMenuWrapOpen(glmCat, glmCatH); 61 }); 62 $('.globalMenuPrice').on('click', function() { 63 globalMenuWrapOpen(glmPri, glmPriH); 64 }); 65 $('.globalMenuMain').on('click', function() { 66 globalMenuWrapOpen(glmMai, glmMaiH); 67 }); 68 69 // グローバルメニュー非表示キック 70 $('.globalMenuClose').on('click', function() { 71 globalMenuWrapClose($(this), st); 72 }); 73});
###試したこと
javascript
1// アクセス時にグローバルメニューの位置を設定 2$(window).on("orientationchange",function(){ 3 glmCat.css({ 4 'height': glmCatH + 'px', 5 'width': windowW + 'px', 6 'left': '-' + windowW + 'px' 7 }); 8 glmPri.css({ 9 'height': glmPriH + 'px', 10 'width': windowW + 'px', 11 'left': '-' + windowW + 'px' 12 }); 13 glmMai.css({ 14 'height': glmMaiH + 'px', 15 'width': windowW + 'px', 16 'right': '-' + windowW + 'px' 17 }); 18});
の様に画面が回転したときに、幅や位置を取得しようとしましたが、できませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/07/05 04:00
退会済みユーザー
2017/07/05 08:42