php 20180326ハンバーガーメニューを闭じて内部リンク

Posted 2021-05-04

//テストサイトで実装
//http://150.60.153.156/lang/rooms/
//参考にしたサイト
//https://teratail.com/questions/60049

$(function(){
	$w.on({
		//scroll
		'scroll' : function(){
		}
	}).superResize({
		//resize
		resizeAfter : function(){
		}
	}).firstLoad({
		//firstLoad
		pc_tab : function(){
		},
		sp : function(){
			$('.wrp_modal').wrapAll('<div class="remodal" data-remodal-id="modal"></div>');
			var inst = $('[data-remodal-id=modal]').remodal();
			$('.exit-remodal').click(function() {
				inst.close();
			});
		}
	});
});

<div class="con_pg_nav">
	<p class="st_nav view_sp"><a data-remodal-target="modal" class="noscroll"><i class="ion-android-menu"></i>客室情報一覧を見る</a></p>
	<div class="remodal-bg view_sp"></div>
	<div class="wrp_modal">
		<button data-remodal-action="close" class="remodal-close view_sp"></button>
		<ul class="menulist">
			<li class="nav_roo active"><a href="<?php echo LOCATION;?>rooms/" class="exit-remodal">客室TOP</a></li>
			<li class="nav_sei"><a href="#lnk_sei" class="exit-remodal"><span>離れ</span>青嵐荘</a></li>
			<li class="nav_rin dropdown">
				<a href="#lnk_rin" class="exit-remodal">臨川閣</a>
			</li>
			<li class="nav_his dropdown">
				<a href="#lnk_his" class="exit-remodal">飛泉閣</a>
			</li>
			<li class="nav_san dropdown">
				<a href="#lnk_san" class="exit-remodal">山水閣</a>
			</li>
			<li class="nav_rsv"><a href="<?php echo LOCATION_RSV;?>" class="exit-remodal"><span>ご宿泊プラン</span></a></li>
		</ul>
	</div>
</div><!-- /.con_pg_nav -->