|
|
@@ -1,8 +1,8 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="ko"
|
|
|
- xmlns:th="http://www.thymeleaf.org"
|
|
|
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
- layout:decorator="mob/common/layout/PlanningLayoutMob">
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="mob/common/layout/PlanningLayoutMob">
|
|
|
<!--
|
|
|
*******************************************************************************
|
|
|
* @source : CategoryGoodsListFormMob.html
|
|
|
@@ -22,48 +22,48 @@
|
|
|
<main role="" id="" class="container dp">
|
|
|
|
|
|
<section class="content dp_list">
|
|
|
- <div class="inner wide bg_gray">
|
|
|
- <div class="sub_category">
|
|
|
- <div class="cate_wrap">
|
|
|
- <a href="javascript:;" class="on">전체</a>
|
|
|
- <a href="javascript:;">티셔츠/셔츠</a>
|
|
|
- <a href="javascript:;">니트/가디건/베스트</a>
|
|
|
- <a href="javascript:;">원피스/스커트</a>
|
|
|
- <a href="javascript:;">팬츠/데님/레깅스</a>
|
|
|
- <a href="javascript:;">가죽/모피</a>
|
|
|
- <a href="javascript:;">여성 잡화</a>
|
|
|
- <a href="javascript:;">언더웨어</a>
|
|
|
- <a href="javascript:;">세트</a>
|
|
|
- <a href="javascript:;">니트/가디건/베스트</a>
|
|
|
- <a href="javascript:;">원피스/스커트</a>
|
|
|
- <a href="javascript:;">가죽/모피</a>
|
|
|
- <a href="javascript:;">여성 잡화</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <!-- <div class="inner wide bg_gray">-->
|
|
|
+ <!-- <div class="sub_category">-->
|
|
|
+ <!-- <div class="cate_wrap">-->
|
|
|
+ <!-- <a href="javascript:;" class="on">전체</a>-->
|
|
|
+ <!-- <a href="javascript:;">티셔츠/셔츠</a>-->
|
|
|
+ <!-- <a href="javascript:;">니트/가디건/베스트</a>-->
|
|
|
+ <!-- <a href="javascript:;">원피스/스커트</a>-->
|
|
|
+ <!-- <a href="javascript:;">팬츠/데님/레깅스</a>-->
|
|
|
+ <!-- <a href="javascript:;">가죽/모피</a>-->
|
|
|
+ <!-- <a href="javascript:;">여성 잡화</a>-->
|
|
|
+ <!-- <a href="javascript:;">언더웨어</a>-->
|
|
|
+ <!-- <a href="javascript:;">세트</a>-->
|
|
|
+ <!-- <a href="javascript:;">니트/가디건/베스트</a>-->
|
|
|
+ <!-- <a href="javascript:;">원피스/스커트</a>-->
|
|
|
+ <!-- <a href="javascript:;">가죽/모피</a>-->
|
|
|
+ <!-- <a href="javascript:;">여성 잡화</a>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
<div class="inner">
|
|
|
<!-- 상품리스트 -->
|
|
|
<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
|
|
|
<div class="count_wrap">
|
|
|
<div>
|
|
|
- <p><span>9999</span>개의 상품</p>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <ul class="dp_util">
|
|
|
- <li>
|
|
|
- <div class="open_categori">
|
|
|
- <!-- 210415_select > a태그로 변경 -->
|
|
|
- <a id="filter">최신상품순
|
|
|
- <!--<option value="hide">최신상품순</option>
|
|
|
- <option value="Test_SELECT_OPTION_1" rel="icon-temperature">최신상품순1</option>
|
|
|
- <option value="Test_SELECT_OPTION_2">최신상품순2</option>
|
|
|
- <option value="Test_SELECT_OPTION_3">최신상품순3</option>-->
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li><a href="#none" class="filter open_filter">필터</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ <p><span id="totCntId"></span>개의 상품</p>
|
|
|
+ </div>
|
|
|
+ <!-- <div>-->
|
|
|
+ <!-- <ul class="dp_util">-->
|
|
|
+ <!-- <li>-->
|
|
|
+ <!-- <div class="open_categori">-->
|
|
|
+ <!-- <!– 210415_select > a태그로 변경 –>-->
|
|
|
+ <!-- <a id="filter">최신상품순-->
|
|
|
+ <!-- <!–<option value="hide">최신상품순</option>-->
|
|
|
+ <!-- <option value="Test_SELECT_OPTION_1" rel="icon-temperature">최신상품순1</option>-->
|
|
|
+ <!-- <option value="Test_SELECT_OPTION_2">최신상품순2</option>-->
|
|
|
+ <!-- <option value="Test_SELECT_OPTION_3">최신상품순3</option>–>-->
|
|
|
+ <!-- </a>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </li>-->
|
|
|
+ <!-- <li><a href="#none" class="filter open_filter">필터</a></li>-->
|
|
|
+ <!-- </ul>-->
|
|
|
+ <!-- </div>-->
|
|
|
</div>
|
|
|
<div class="list_defult">
|
|
|
<div>
|
|
|
@@ -71,1275 +71,146 @@
|
|
|
</div>
|
|
|
<button type="button" class="btn btn_default"><span>선택한 필터 초기화</span></button>
|
|
|
</div>
|
|
|
- <div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
|
|
|
- <div class="item_prod"> <!-- item_prod ranker d_detail -->
|
|
|
- <div class="item_state AD"> <!-- item_state AD soldout -->
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state soldout">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <iframe id="pdThumbVideo" class="pd_mov" src="http://v.kr.kollus.com/164MyIiv?enable_initialize_focus=false&autoplay&mute&controls_activation=none" allow="fullscreen" allowFullScreen ></iframe>
|
|
|
- <!-- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt=""> -->
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
|
|
|
- </div>
|
|
|
- <p class="itemBrand">BRAND NAME</p>
|
|
|
- <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
- <p class="itemPrice">
|
|
|
- <span class="itemPrice_original">89,000</span>
|
|
|
- 80,100
|
|
|
- <span class="itemPercent">10%</span>
|
|
|
- </p>
|
|
|
- <div class="itemcolorchip">
|
|
|
- <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
- <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
- <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
- </div>
|
|
|
- <p class="itemBadge">
|
|
|
- <span class="badge13">베스트 </span>
|
|
|
- </p>
|
|
|
- <div class="itemComment">#주문 폭주 상품</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+
|
|
|
+ <div id="infiniteContainer">
|
|
|
+ <div id="listBoxOuter" class="itemsGrp">
|
|
|
+ <ul class="productlist quarter" >
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="list_last">마지막페이지 입니다.</div>
|
|
|
+
|
|
|
+ <div class="itemsGrp" id="listBox"> <!-- itemsGrp rank hot deal -->
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="list_last" id="endPage" style="display:none;">마지막페이지 입니다.</div>
|
|
|
</div>
|
|
|
<!-- //상품리스트 -->
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<!-- 필터 -->
|
|
|
- <div class="filter_box">
|
|
|
- <div class="filter_list">
|
|
|
- <div class="filter_top">
|
|
|
- <div class="tt">필터</div>
|
|
|
- <div>
|
|
|
- <button class="fillter_reset"><span>초기화</span></button>
|
|
|
- <button class="close">닫기</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="filter_con">
|
|
|
- <div class="filter_header">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="price" type="checkbox"><label for="price"> <span>남여 공용만 보기</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input id="chk-2" type="checkbox"><label for="chk-2"> <span>신상품만 보기</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="filter_body">
|
|
|
- <!-- 필터메뉴 -->
|
|
|
- <ul>
|
|
|
- <li class="categori">
|
|
|
- <a href="javascript:void(0)" class="daps1">카테고리<span class="pic">셔츠/블라우스</span></a>
|
|
|
- <ul class="daps2">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">여성</a>
|
|
|
- <ul class="daps3">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">티셔츠/셔츠</a>
|
|
|
- <ul class="daps4">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">셔츠/블라우스</a>
|
|
|
- <ul class="daps5">
|
|
|
- <li><a href="javascript:void(0)">셔츠</a></li>
|
|
|
- <li><a href="javascript:void(0)">블라우스</a></li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">맨투맨/모자티</a>
|
|
|
- <ul class="daps5">
|
|
|
- <li><a href="javascript:void(0)">맨투맨</a></li>
|
|
|
- <li><a href="javascript:void(0)">모자티</a></li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">남성</a>
|
|
|
- <ul class="daps3">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">티셔츠/셔츠</a>
|
|
|
- <ul class="daps4">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">셔츠/블라우스</a>
|
|
|
- <ul class="daps5">
|
|
|
- <li><a href="javascript:void(0)">셔츠</a></li>
|
|
|
- <li><a href="javascript:void(0)">블라우스</a></li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li class="brand">
|
|
|
- <a href="javascript:void(0)" class="daps1">브랜드</a>
|
|
|
- <ul class="daps2">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="brand1" type="checkbox"><label for="brand1"> <span>가르맨디</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="brand2" type="checkbox"><label for="brand2"> <span>공동구매북</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="brand3" type="checkbox"><label for="brand3"> <span>곰아저씨</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="brand4" type="checkbox"><label for="brand4"> <span>겟유즈드</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="brand5" type="checkbox"><label for="brand5"> <span>그랑프리골프</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="brand6" type="checkbox"><label for="brand6"> <span>고세</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li calss="size">
|
|
|
- <a href="javascript:void(0)" class="daps1">사이즈<span class="pic">100,105,27,28</span></a>
|
|
|
- <div class="daps2">
|
|
|
- <ul class="sizebox">
|
|
|
- <li>
|
|
|
- <strong>상의</strong>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize01" data-name="chkFilterSize01" name="filterSizeCds" value=""><span>80</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize02" data-name="chkFilterSize02" name="filterSizeCds" value=""><span>85</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize03" data-name="chkFilterSize03" name="filterSizeCds" value=""><span>90</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize04" data-name="chkFilterSize04" name="filterSizeCds" value=""><span>95</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize05" data-name="chkFilterSize05" name="filterSizeCds" value="" checked><span>100</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize06" data-name="chkFilterSize06" name="filterSizeCds" value="" checked><span>105</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize07" data-name="chkFilterSize07" name="filterSizeCds" value=""><span>110</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize08" data-name="chkFilterSize08" name="filterSizeCds" value=""><span>115</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize09" data-name="chkFilterSize09" name="filterSizeCds" value=""><span>S</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize10" data-name="chkFilterSize10" name="filterSizeCds" value=""><span>M</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize11" data-name="chkFilterSize11" name="filterSizeCds" value=""><span>L</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize12" data-name="chkFilterSize12" name="filterSizeCds" value=""><span>XL</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize13" data-name="chkFilterSize13" name="filterSizeCds" value=""><span>FREE</span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <strong>하의</strong>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize14" data-name="chkFilterSize14" name="filterSizeCds" value=""><span>44</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize15" data-name="chkFilterSize15" name="filterSizeCds" value=""><span>55</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize16" data-name="chkFilterSize16" name="filterSizeCds" value=""><span>66</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize17" data-name="chkFilterSize17" name="filterSizeCds" value=""><span>77</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize18" data-name="chkFilterSize18" name="filterSizeCds" value=""><span>26</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize19" data-name="chkFilterSize19" name="filterSizeCds" value="" checked><span>27</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize20" data-name="chkFilterSize20" name="filterSizeCds" value="" checked><span>28</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize21" data-name="chkFilterSize21" name="filterSizeCds" value=""><span>29</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize22" data-name="chkFilterSize22" name="filterSizeCds" value=""><span>30</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize23" data-name="chkFilterSize23" name="filterSizeCds" value=""><span>32</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize24" data-name="chkFilterSize24" name="filterSizeCds" value=""><span>33</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize25" data-name="chkFilterSize25" name="filterSizeCds" value=""><span>34</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize26" data-name="chkFilterSize26" name="filterSizeCds" value=""><span>M</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize27" data-name="chkFilterSize27" name="filterSizeCds" value=""><span>L</span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <strong>신발</strong>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize28" data-name="chkFilterSize28" name="filterSizeCds" value=""><span>120</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize29" data-name="chkFilterSize29" name="filterSizeCds" value=""><span>130</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize30" data-name="chkFilterSize30" name="filterSizeCds" value=""><span>140</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize31" data-name="chkFilterSize31" name="filterSizeCds" value=""><span>150</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize32" data-name="chkFilterSize32" name="filterSizeCds" value=""><span>140</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize33" data-name="chkFilterSize33" name="filterSizeCds" value=""><span>150</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize34" data-name="chkFilterSize34" name="filterSizeCds" value=""><span>220</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize35" data-name="chkFilterSize35" name="filterSizeCds" value=""><span>230</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize36" data-name="chkFilterSize36" name="filterSizeCds" value=""><span>235</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize37" data-name="chkFilterSize37" name="filterSizeCds" value=""><span>240</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize38" data-name="chkFilterSize38" name="filterSizeCds" value=""><span>245</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize39" data-name="chkFilterSize39" name="filterSizeCds" value=""><span>250</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize40" data-name="chkFilterSize40" name="filterSizeCds" value=""><span>255</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize41" data-name="chkFilterSize41" name="filterSizeCds" value=""><span>260</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize42" data-name="chkFilterSize42" name="filterSizeCds" value=""><span>265</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize43" data-name="chkFilterSize43" name="filterSizeCds" value=""><span>270</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize44" data-name="chkFilterSize44" name="filterSizeCds" value=""><span>275</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize45" data-name="chkFilterSize45" name="filterSizeCds" value=""><span>280</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize46" data-name="chkFilterSize46" name="filterSizeCds" value=""><span>285</span>
|
|
|
- </label>
|
|
|
- <label class="size_btn">
|
|
|
- <input type="checkbox" group="filterValue" id="chkFilterSize47" data-name="chkFilterSize47" name="filterSizeCds" value=""><span>290</span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="price">
|
|
|
- <a href="javascript:void(0)" class="daps1">가격<span class="pic">230,000원~487,000원, 700,000원~990,000원</span></a>
|
|
|
- <ul class="daps2">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="price1" type="checkbox"><label for="price1"> <span>9천원 이하</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="price2" type="checkbox"><label for="price2"> <span>9천원 ~ 23만원</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="price3" type="checkbox" checked><label for="price3"> <span>23만원 ~ 48만원 7천원</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="price4" type="checkbox" ><label for="price4"> <span>48만원 7천원 ~ 79만원</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="price5" type="checkbox" checked><label for="price5"> <span>70만원 ~ 99만원</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="price6" type="checkbox"><label for="price6"> <span>99만원 ~ 136만원</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="price7" type="checkbox"><label for="price7"> <span>136만원 ~ 179만원 9천원</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li class="discount">
|
|
|
- <a href="javascript:void(0)" class="daps1">할인율</a>
|
|
|
- <ul class="daps2">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount1" type="checkbox"><label for="discount1"> <span>10% 이하</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount2" type="checkbox"><label for="discount2"> <span>10~20%</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount3" type="checkbox"><label for="discount3"> <span>20~30%</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount4" type="checkbox"><label for="discount4"> <span>30~40%</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount5" type="checkbox"><label for="discount5"> <span>40~50%</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount6" type="checkbox"><label for="discount6"> <span>50~60%</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount7" type="checkbox"><label for="discount7"> <span>60~70%</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount8" type="checkbox"><label for="discount8"> <span>70~80%</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount9" type="checkbox"><label for="discount9"> <span>80~90%</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="discount10" type="checkbox"><label for="discount10"> <span>90이상</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li class="age">
|
|
|
- <a href="javascript:void(0)" class="daps1">연령</a>
|
|
|
- <ul class="daps2">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="age1" type="checkbox"><label for="age1"> <span>베이비(0~36개월)</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="age2" type="checkbox"><label for="age2"> <span>키즈(4세~7세)</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="age3" type="checkbox"><label for="age3"> <span>주니어(7세~13세)</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li class="season">
|
|
|
- <a href="javascript:void(0)" class="daps1">시즌</a>
|
|
|
- <ul class="daps2">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="season1" type="checkbox"><label for="season1"> <span>봄</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="season2" type="checkbox"><label for="season2"> <span>여름</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="season3" type="checkbox"><label for="season3"> <span>가을</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="season4" type="checkbox"><label for="season4"> <span>겨울</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="season5" type="checkbox"><label for="season5"> <span>사계절</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li class="color">
|
|
|
- <a href="javascript:void(0)" class="daps1">컬러
|
|
|
- <span class="pic">
|
|
|
- <span class="pdColor-color01"></span><span class="pdColor-color02"></span>
|
|
|
- </span>
|
|
|
- </a>
|
|
|
- <div class="daps2">
|
|
|
- <ul class="colorbox">
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox" checked>
|
|
|
- <span class="pdColor-color01"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox" checked>
|
|
|
- <span class="pdColor-color02"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color03"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color04"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color05"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color06"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color07"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color08"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color09"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color10"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color11"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color12"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color13"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color14"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label class="color-check">
|
|
|
- <input type="checkbox">
|
|
|
- <span class="pdColor-color15"></span>
|
|
|
- </label>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="benefit">
|
|
|
- <a href="javascript:void(0)" class="daps1">혜택</a>
|
|
|
- <ul class="daps2">
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="benefit1" type="checkbox"><label for="benefit1"> <span>남여 공용만 보기</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="benefit2" type="checkbox"><label for="benefit2"> <span>신상품만 보기</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="benefit3" type="checkbox"><label for="benefit3"> <span>남여 공용만 보기</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="benefit4" type="checkbox"><label for="benefit4"> <span>신상품만 보기</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="benefit5" type="checkbox"><label for="benefit5"> <span>남여 공용만 보기</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="benefit6" type="checkbox"><label for="benefit6"> <span>신상품만 보기</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!-- //필터메뉴 -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
<!-- //필터 -->
|
|
|
|
|
|
<!-- 카테고리 -->
|
|
|
- <div class="category_box">
|
|
|
- <div class="lap">
|
|
|
- <div class="category_close">카테고리닫기</div>
|
|
|
- <div class="category_list">
|
|
|
- <!-- 카테고리 선택 -->
|
|
|
- <div class="selcet_list">
|
|
|
- <ul>
|
|
|
- <li class="active"><a href="javascript:void(0)">최신상품순</a></li>
|
|
|
- <li><a href="javascript:void(0)">인기많은순</a></li>
|
|
|
- <li><a href="javascript:void(0)">리뷰많은순</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!-- //카테고리 선택 -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
<!-- //카테고리 -->
|
|
|
|
|
|
<!-- 제품네비 -->
|
|
|
- <div class="nav_box">
|
|
|
- <div class="lap">
|
|
|
- <div class="nav_close">네비닫기</div>
|
|
|
- <div class="nav_list">
|
|
|
- <!-- 카테고리 선택 -->
|
|
|
- <div class="nav">
|
|
|
- <ul>
|
|
|
- <li class="active">
|
|
|
- <a href="javascript:void(0)" class="daps1">여성</a>
|
|
|
- <ul class="daps2">
|
|
|
- <li><a href="#none">전체</a></li>
|
|
|
- <li><a href="#none">티셔츠/셔츠</a></li>
|
|
|
- <li class="on"><a href="#none">니트/가디건/베스트</a></li>
|
|
|
- <li><a href="#none">원피스/스커트</a></li>
|
|
|
- <li><a href="#none">팬츠/데님/레깅스</a></li>
|
|
|
- <li><a href="#none">자켓/점퍼/코트</a></li>
|
|
|
- <li><a href="#none">여성잡화</a></li>
|
|
|
- <li><a href="#none">언더웨어</a></li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!-- //카테고리 선택 -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
<!-- //제품네비 -->
|
|
|
|
|
|
<!-- 210415_최신상품순 리스트 팝업 추가 -->
|
|
|
- <div id="odDatePop" class="popup_box odDatePop">
|
|
|
- <div class="lap">
|
|
|
- <div class="popup_close">카테고리닫기</div>
|
|
|
- <div class="popup_head sr-only">
|
|
|
- <h2 class="">기간 선택 팝업</h2>
|
|
|
- </div>
|
|
|
- <div class="popup_con">
|
|
|
- <div class="button_list clear">
|
|
|
- <button type="button" class="on"><span>최신상품순</span></button>
|
|
|
- <button type="button"><span>인기많은순</span></button>
|
|
|
- <button type="button"><span>리뷰많은순</span></button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </main>
|
|
|
-</th:block>
|
|
|
-
|
|
|
-<script th:inline="javascript">
|
|
|
- $(document).ready(function(){
|
|
|
-
|
|
|
- //네비
|
|
|
- var bodyChk = 0;
|
|
|
- function navi(){
|
|
|
-
|
|
|
- var navOpen=$("#htopTitle");
|
|
|
- var navClose=$(".nav_box .nav_close");
|
|
|
- var navPop=$(".nav_box");
|
|
|
-
|
|
|
- navOpen.on("click",function(){
|
|
|
- if($(this).hasClass("on")){
|
|
|
- $(this).removeClass("on")
|
|
|
- navPop.hide();
|
|
|
- $("body").css({"overflow":"visible"});
|
|
|
- bodyChk = 1;
|
|
|
- }else{
|
|
|
- $(this).addClass("on")
|
|
|
- navPop.show();
|
|
|
- navPop.addClass("on");
|
|
|
- $("body").css({"overflow":"hidden"});
|
|
|
- bodyChk = 0;
|
|
|
- }
|
|
|
|
|
|
+ </main>
|
|
|
|
|
|
- });
|
|
|
+ <form id="searchGoodsForm" name="searchGoodsForm">
|
|
|
+ <input type="hidden" name="pageNo" id="pageNo" value ="1"/>
|
|
|
+ <input type="hidden" name="pageSize" value ="30"/>
|
|
|
+ <!-- <input type="hidden" name="cateNo" th:value="${cateInfo.cateNo}"/> -->
|
|
|
+ <input type="hidden" name="cateGb" th:value="${cateInfo.cateGb}"/>
|
|
|
+ <input type="hidden" name="brandGroupNo" th:value="${cateInfo.brandGroupNo}"/>
|
|
|
+ <input type="hidden" name="formalGb" th:value="${cateInfo.formalGb=='G009_20'?'G009_20':''}"/>
|
|
|
+ <input type="hidden" name="cate1No" th:value="${cateInfo.cate1No}"/>
|
|
|
+ <input type="hidden" name="cate2No" th:value="${cateInfo.cate2No}"/>
|
|
|
+ <input type="hidden" name="cate3No" th:value="${cateInfo.cate3No}"/>
|
|
|
+ <input type="hidden" name="cate4No" th:value="${cateInfo.cate4No}"/>
|
|
|
+ <input type="hidden" name="sortingType" value="NEW"/>
|
|
|
+ <input type="hidden" name="newGoods" th:value="${cateInfo.formalGb=='G009_20'?'':'40'}" />
|
|
|
+ </form>
|
|
|
+
|
|
|
+
|
|
|
+ <script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
|
|
|
+ <script src="/ux/plugins/jquery/jquery.history.min.js"></script>
|
|
|
+ <script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
|
|
|
+
|
|
|
+ <script th:inline="javascript">
|
|
|
+ $(document).ready(function(){
|
|
|
+ //fnCreateCategoryList();
|
|
|
|
|
|
- navClose.on("click",function(){
|
|
|
- $(this).removeClass("on");
|
|
|
- navPop.hide();
|
|
|
- $("body").css({"overflow":"visible"});
|
|
|
- $("#htopTitle").removeClass("on");
|
|
|
- });
|
|
|
+ });
|
|
|
|
|
|
- if(bodyChk === 0){
|
|
|
- $('body').on('scroll touchmove mousewheel', function(event) { // 터치무브와 마우스휠 스크롤 방지
|
|
|
- event.preventDefault();
|
|
|
- event.stopPropagation();
|
|
|
- return false;
|
|
|
- });
|
|
|
- }
|
|
|
+ var fnGoodsListSearch = function (){
|
|
|
+ gagaInfiniteScroll.getHistory();
|
|
|
}
|
|
|
- navi();
|
|
|
|
|
|
- //카테고리
|
|
|
- function category(){
|
|
|
- var categoryOpen=$(".open_categori .select_dress");
|
|
|
- var categoryClose=$(".category_box .category_close");
|
|
|
- var categoryPop=$(".category_box");
|
|
|
-
|
|
|
- categoryOpen.on("click",function(){
|
|
|
- categoryPop.show();
|
|
|
- categoryPop.addClass("active");
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- categoryClose.on("click",function(){
|
|
|
- categoryPop.hide();
|
|
|
- $("body").css({"overflow":"visible"});
|
|
|
- });
|
|
|
+ // 상품 검색
|
|
|
+ var fnGetInfiniteScrollDataList = function (pageNum){
|
|
|
+ $("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
|
|
|
+ gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm, gagaInfiniteScroll.jsonToHtml);
|
|
|
}
|
|
|
- category();
|
|
|
-
|
|
|
- //필터
|
|
|
- function filter(){
|
|
|
- var filterOpen=$(".open_filter");
|
|
|
- var filterClose=$(".filter_box .close");
|
|
|
- var filterPop=$(".filter_box");
|
|
|
- var filter=$(".filter_body > ul");
|
|
|
- var dap1=$(".filter_body > ul .daps1");
|
|
|
- var dap2=$(".filter_body > ul .daps2");
|
|
|
- var dap3=$(".filter_body > ul .daps3");
|
|
|
- var dap4=$(".filter_body > ul .daps4");
|
|
|
- var dap5=$(".filter_body > ul .daps5");
|
|
|
- var dap2A=$(".filter_body > ul .daps2 > li > a");
|
|
|
- var dap3A=$(".filter_body > ul .daps3 > li > a");
|
|
|
- var dap4A=$(".filter_body > ul .daps4 > li > a");
|
|
|
- var dap5A=$(".filter_body > ul .daps5 > li > a");
|
|
|
-
|
|
|
- /* 필터모달 > 열기,닫기 */
|
|
|
- filterOpen.on("click",function(){
|
|
|
- filterPop.addClass("active");
|
|
|
- $("body").css({"overflow":"hidden"});
|
|
|
- });
|
|
|
|
|
|
- filterClose.on("click",function(){
|
|
|
- filterPop.removeClass("active");
|
|
|
- $("body").css({"overflow":"visible"});
|
|
|
- });
|
|
|
-
|
|
|
- /* 필터메뉴 > 댑스열고, 닫기 */
|
|
|
- dap1.on("click",function(){
|
|
|
- if($(this).hasClass("on")){
|
|
|
- $(this).removeClass("on");
|
|
|
- $(this).next(dap2).slideUp();
|
|
|
+ var fnDrawInfiniteScrollData = function (result){
|
|
|
+ let totalCnt = result.paging.totalCount;
|
|
|
+ $("#totCntId").text(totalCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
|
|
|
+ gagaInfiniteScroll.pageStatus.totalCount = totalCnt;
|
|
|
+
|
|
|
+ var ithrCd = '';
|
|
|
+ var contentLoc = '';
|
|
|
+ if (result.dataList != null && result.dataList.length > 0) {
|
|
|
+ //$('.list_content .list_defult').hide();
|
|
|
+ //$('.list_content .count_wrap').show();
|
|
|
+ var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];;
|
|
|
+ let lastPage = result.paging.pageNo;
|
|
|
+ let endRow = result.paging.endRow - result.paging.pageSize;
|
|
|
+ var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob');
|
|
|
+ gagaInfiniteScroll.draw(htm);
|
|
|
+ }else {
|
|
|
+ if($("#searchGoodsForm input[name=pageNo]").val()==1){
|
|
|
+ // 필터 값으로 조회 데이터 없을때
|
|
|
+ $('.list_content .list_defult').show();
|
|
|
+ $('.list_content .count_wrap').hide();
|
|
|
}else{
|
|
|
- $(this).addClass("on");
|
|
|
- $(this).next(dap2).slideDown();
|
|
|
+ // 마지막 페이지 일때
|
|
|
+ $('#endPage').show();
|
|
|
+ //$('.list_content .count_wrap').hide();
|
|
|
}
|
|
|
- });
|
|
|
+ gagaInfiniteScroll.draw('not');
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- dap2A.on("click",function(){
|
|
|
- if($(this).hasClass("on")){
|
|
|
- $(this).removeClass("on");
|
|
|
- $(this).next(dap3).slideUp();
|
|
|
+ // 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
|
|
|
+ $(window).on("pageshow", function(event) {
|
|
|
+ if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
|
|
|
+ var historyData = sessionStorage.getItem(document.location.href);
|
|
|
+ if(historyData!=null){
|
|
|
+ historyData = JSON.parse(historyData);
|
|
|
}else{
|
|
|
- $(this).addClass("on");
|
|
|
- $(this).next(dap3).slideDown();
|
|
|
+ historyData = {};
|
|
|
}
|
|
|
- });
|
|
|
-
|
|
|
- dap3A.on("click",function(){
|
|
|
- if($(this).hasClass("on")){
|
|
|
- $(this).removeClass("on");
|
|
|
- $(this).next(dap4).slideUp();
|
|
|
- }else{
|
|
|
- $(this).addClass("on");
|
|
|
- $(this).next(dap4).slideDown();
|
|
|
+ if(typeof historyData.filterHtml!='undefined' && historyData.filterHtml!=''){
|
|
|
+ $("#searchGoodsForm").append(historyData.filterHtml);
|
|
|
+ filterHtml = historyData.filterHtml;
|
|
|
}
|
|
|
- });
|
|
|
-
|
|
|
- dap4A.on("click",function(){
|
|
|
- if($(this).hasClass("on")){
|
|
|
- $(this).removeClass("on");
|
|
|
- $(this).next(dap5).slideUp();
|
|
|
- }else{
|
|
|
- $(this).addClass("on");
|
|
|
- $(this).next(dap5).slideDown();
|
|
|
+ if(typeof historyData.filterStatHtml!='undefined' && historyData.filterStatHtml!=''){
|
|
|
+ $(".filterstate .filter_div").append(historyData.filterStatHtml);
|
|
|
+ filterStatHtml = historyData.filterStatHtml;
|
|
|
}
|
|
|
- });
|
|
|
-
|
|
|
- dap5A.on("click",function(){
|
|
|
- if($(this).hasClass("on")){
|
|
|
- $(this).removeClass("on");
|
|
|
- //$(this).next(dap6).slideUp();
|
|
|
- }else{
|
|
|
- $(this).addClass("on");
|
|
|
- //$(this).next(dap6).slideDown();
|
|
|
+ if(typeof historyData.totalCount!='undefined' && historyData.totalCount!=''){
|
|
|
+ //$("#totalGoodsCnt").text(historyData.totalCount);
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
- filter();
|
|
|
-
|
|
|
- // 210415_팝업관련 추가
|
|
|
- //기간 선택 팝업
|
|
|
- $(document).on("click", ".open_categori", function(){
|
|
|
- $('#odDatePop').show().addClass("active");
|
|
|
- $("body").css({"overflow":"hidden"});
|
|
|
- });
|
|
|
- //팝업_닫기
|
|
|
- $('.popup_close').on("click",function(){
|
|
|
- $('.popup_box').hide().removeClass('active');
|
|
|
- $("body").css({"overflow":"visible"});
|
|
|
- });
|
|
|
- // 210415_팝업 테두리 선택 추가
|
|
|
- $(document).ready(function(){
|
|
|
- $(document).on('click','.popup_box .button_list button',function(){
|
|
|
- $('.popup_box .button_list button').removeClass('on');
|
|
|
- $(this).addClass('on');
|
|
|
- })
|
|
|
- });
|
|
|
-
|
|
|
- $('.dp .filter_box .filter_con').scroll(function(){
|
|
|
- //$(".dp .filter_box .filter_con").css("border-bottom", "0px none");
|
|
|
- //console.log($(".dp .filter_box .filter_con").scrollTop());
|
|
|
- if($(".dp .filter_box .filter_con").scrollTop() === 0){
|
|
|
- $(".dp .filter_box .filter_top").css("box-shadow", "none");
|
|
|
- //$(".dp .filter_box .filter_con").css("border-bottom", "1px solid #eee");
|
|
|
- } else {
|
|
|
- $(".dp .filter_box .filter_top").css("box-shadow", "0px 3px 15px 0px rgba(0,0,0,0.30)");
|
|
|
+ if(typeof historyData.sortGb!='undefined' && historyData.sortGb!=''){
|
|
|
+ $("#sortSelect").val(historyData.sortGb);
|
|
|
+ $("#searchGoodsForm input:hidden[name=sortGb]").val(historyData.sortGb);
|
|
|
+ }
|
|
|
+ fnGoodsListSearch();
|
|
|
+ }else{
|
|
|
+ fnCategoryGoodsInfiniteScrollInit();
|
|
|
+ // var sortGb = [[${sortGb}]];
|
|
|
+ // if(sortGb=='new' || sortGb=='best'){
|
|
|
+ // $("#sortSelect").val(sortGb);
|
|
|
+ // $("#sortSelect").parent('div').children('span').text($("#sortSelect option:selected").text())
|
|
|
+ // fnSortChange(sortGb);
|
|
|
+ // }else{
|
|
|
+ // fnGoodsListSearch();
|
|
|
+ // }
|
|
|
+ fnGoodsListSearch();
|
|
|
}
|
|
|
- });
|
|
|
|
|
|
- //210510_추가 : 토스트 팝업 button 클릭 시 팝업 닫기.
|
|
|
- $(document).on('click','.popup_box.odDatePop .button_list button',function(){
|
|
|
- $(this).parents('.popup_box.odDatePop').hide().removeClass('active');
|
|
|
- $("body").css({"overflow":"visible"});
|
|
|
- })
|
|
|
+ });
|
|
|
|
|
|
- });
|
|
|
-</script>
|
|
|
+ </script>
|
|
|
|
|
|
+</th:block>
|
|
|
</body>
|
|
|
</html>
|