테스트 사이트 - 개발 중인 베타 버전입니다

모바일 퀵메뉴 질문입니다. 채택완료

00832 7년 전 조회 3,450

홈페이지에 moon 테마를 사용중인데요.

모바일에서 봤을때 퀵메뉴가 + 버튼을 클릭해야만 보여서 해당 버튼을 찾지 못하면 사용을 못하겠더라구요.

그래서 해당 코드를 홈페이지에 들어갔을때 +버튼을 누르지 않아도 안의 li 가 보이게끔 하고싶은데, 어느부분은 건들여야 될까요?

 

</p>

<p><button type="button" id="quick_open"><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only">퀵메뉴 열기</span></button></p>

<p><div id="quick"  class="tab-wr">

    <ul class="qk_btn"></p>

<p>        <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></p>

<p>            <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;

            ?></p>

<p>            <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></p>

<p>            <?php

            }</p>

<p>            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 (){</p>

<p>     $(".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();

    });

   </p>

<p>});

$(document).mouseup(function (e){

    var container = $(".qk_con");

    if( container.has(e.target).length === 0)

    container.hide();

});

</script></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

안에 li에 보이게끔이 무슨말인가요? 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인