모바일 퀵메뉴 질문입니다.
본문
홈페이지에 moon 테마를 사용중인데요.
모바일에서 봤을때 퀵메뉴가 + 버튼을 클릭해야만 보여서 해당 버튼을 찾지 못하면 사용을 못하겠더라구요.
그래서 해당 코드를 홈페이지에 들어갔을때 +버튼을 누르지 않아도 안의 li 가 보이게끔 하고싶은데, 어느부분은 건들여야 될까요?
<button type="button" id="quick_open"><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only">퀵메뉴 열기</span></button>
<div id="quick" class="tab-wr">
<ul class="qk_btn">
<li class="tabsTab">
<a href=""><img src="<?php echo G5_THEME_URL; ?>/img/1.png" alt=""></a>
</li>
<li class="tabsTab">
<a href=""><img src="<?php echo G5_THEME_URL; ?>/img/2.png" alt=""></a>
</li>
<li class="tabsTab">
<a href=""><img src="<?php echo G5_THEME_URL; ?>/img/3.png" alt=""></a>
</li>
</ul>
<div class="tabsCon">
<div class="qk_con" id="qk_view">
<div class="qk_con_wr">
<h3><span>오늘본상품</span></h3>
<?php include(G5_MSHOP_SKIN_PATH.'/boxtodayview.skin.php'); // 오늘 본 상품 ?>
<button type="button" class="con_close"><i class="fa fa-times-circle" aria-hidden="true"></i><span class="sound_only">오늘본상품 닫기</span></button>
</div>
</div>
<div class="qk_con tabsList" id="qk_wish">
<div class="qk_con_wr">
<h3><a href="<?php echo G5_SHOP_URL; ?>/wishlist.php">위시리스트</a></h3>
<ul class="qk_prdli">
<?php
$sql = " select *
from {$g5['g5_shop_wish_table']} a,
{$g5['g5_shop_item_table']} b
where a.mb_id = '{$member['mb_id']}'
and a.it_id = b.it_id
order by a.wi_id desc
limit 0, 10 ";
$result = sql_query($sql);
for ($i=0; $row = sql_fetch_array($result); $i++)
{
$image_w = 80;
$image_h = 80;
$image = get_it_image($row['it_id'], $image_w, $image_h, true);
$list_left_pad = $image_w + 10;
?>
<li>
<div class="qk_img"><?php echo $image; ?></div>
<div class="qk_txt">
<div class="qk_name"><a href="./item.php?it_id=<?php echo $row['it_id']; ?>"><?php echo stripslashes($row['it_name']); ?></a></div>
<span class="info_date"><?php echo substr($row['wi_time'], 2, 8); ?></span>
</div>
</li>
<?php
}
if ($i == 0)
echo '<li class="empty_list">보관 내역이 없습니다.</li>';
?>
</ul>
<button type="button" class="con_close"><i class="fa fa-times-circle" aria-hidden="true"></i><span class="sound_only">위시리스트닫기 </span></button>
</div>
</div>
</div>
</div>
<script>
$(function (){
$(".view_op_btn").on("click", function(){
$("#qk_view").show();
});
$(".wish_op_btn").on("click", function(){
$("#qk_wish").toggle();
});
$(".con_close").on("click", function(){
$(".qk_con").hide();
});
$("#quick_open").on("click", function(){
$("#quick").toggle();
});
});
$(document).mouseup(function (e){
var container = $(".qk_con");
if( container.has(e.target).length === 0)
container.hide();
});
</script>
답변을 작성하시기 전에 로그인 해주세요.
