모바일 퀵메뉴 질문입니다.

모바일 퀵메뉴 질문입니다.

QA

모바일 퀵메뉴 질문입니다.

답변 1

본문

홈페이지에 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>

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 18
© SIRSOFT
현재 페이지 제일 처음으로