guojy
/
qzw_app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../css/star-rating-svg.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
    <style>
        .back-header {
            background: rgb(0, 0, 0, 0);
        }
       .swiper-container {
          width: 100% !important;
          height: 7.5rem;
        }
        .swiper-slide img {
          width: 7.5rem;
          height: 7.5rem;
          object-fit:cover;
        }
        .goods-btn{
           margin:auto;
           width:60%;
        }
        .goods-btn span{
          height:100%;
          width:50%;
          float:left;
        }
        .goods-btn-active{
           border-bottom:2px solid #D9251C;
        }
        .goods-desc{
          /*height:86px;*/
        }
        .font-rem11 {
            color: #000;
        }
        .goods-costprice {
            color: #999;
        }
        .goods-desc li{
          float:left;
          /*width:50%;*/
        }
        .buy-btn{
          width:100%;
          height: 1rem;
          /*border-top: 0.02rem solid #e8e8e8;*/
          position:fixed;
          bottom:0px;
          background:#ffffff;
          z-index: 9;
        }
        .buy-btn-wid{
          width:50px;
        }
        .buy-btn li{
          float: right;
          border-right: 0.01rem solid #e8e8e8;
          text-align:center;
          height: 1rem;
          line-height: 1rem;
        }
        .home-ads {
            height: auto;
        }
        .buy-btn img{
            width: 0.42rem;
            vertical-align: middle;
        }
        .buy-btn-item{
          width:50%;
          float:right;
          background: #d9251c;
          color:#ffffff;
        }
        .goods-desc-right{
          /*width:120px;height:100%;*/
          float:right;
        }
        .goods-desc-right ul{
          width:100%;
          margin:0px;
        }
        .goods-desc-right li{
          float:right;
        }
        .goods-desc-mtotal {
          /*width:100%;*/
          text-align:right;
          padding: 0.5rem 0 0.3rem 0;
          clear:both;
          font-size: 0.24rem;
          color: #999;
        }
      span#goods_name.goods-desc-item.font-rem11 {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          height: auto;
          line-height: unset;
          width: inherit;
      }
        .goods-desc-mtotal span#sale-number {
            color: #999;
        }
        .goods-desc-percentage{
            text-align: right;
            border-left: 0.01rem solid #e8e8e8;
            width: auto;
            padding: 0 0.07rem 0px 15px;
            font-size: 0.24rem;
        }
        .mask-goods{
          position:fixed;
          left:0px;right:0px;bottom: 1.001rem;
          background: rgba(0, 0, 0, 0.5);
          z-index:999999;
        }
        .goods-size{
           width:100%;
           position:absolute;
           left:0px;right:0px;
           bottom:0px;
           background:#ffffff;
           padding: 0 0.32rem 0.48rem 0.32rem;
           box-sizing:border-box;
            z-index:9999;
        }
        .goods-size-title li img#goods_image {
            width: 1.76rem;
            /*height: 1.76rem;*/
            position: absolute;
            top: -0.33rem;
            border-radius: 0.2em;
        }
        .goods-size-title li{
          float:left;
        }
        #regoods_price {
            font-size: 0.28rem;
            color: #000;
            padding: 0.28rem 0;
        }
        #goods-size-item {
            color: #777;
            font-size: 0.22rem;
        }

        .goods-tag-item{
           font-size: 0.24rem;
           width:100%;
           line-height: 0.6rem;
           height: 0.6rem;
        }
       .iconfont {
        color: #ffffff;
       }
        .goods-tag{
          font-size: 0.28rem;
          padding:8px;
          border:1px solid #e8e8e8;
          border-radius:3px;
          margin-right:5px;
          margin-top:5px;
        }
        .goods-tag-active{
          border:1px solid #d9251c;
          color:#d9251c;
        }
        .close-goods-size{
          font-size: 0.4rem;
          position:absolute;
          right: 0.32rem;
          top: 0rem;
          color:#999999;
          font-weight: 300;
          padding-top: 0.28rem;
        }
        .goods-tab-b-line{
            width: 100%;
            height: 0.8rem;
            line-height: 0.8rem;
            background: #fafafa;
            /*position: fixed;*/
            z-index: 3;
        }
        .goods-tab2 {
            padding-bottom: 1rem;
            /*padding-top: 0.7rem;*/
        }
        .goods-tab-b-line div{
          float:left;
          width:50%;
          text-align:center;
          box-sizing:border-box;
        }
        .goods-tab-active{
           color:#D9251C;
           border-bottom:2px solid #D9251C;
        }
        #goods-content img{
            width: 100%;
            margin-bottom: -0.03rem;
        }
        .add-num li {
            height: 0.6rem;
            line-height: 0.6rem;
        }
        .goods-tab-btn2{
          min-width:60px;
        }
        .chances{
          color:#d9251c;
        }
        .back-imgs{
          position: absolute;
          left:15px;
          top:15px;
        }
        #goods-issue{
         width: 100%;
         word-wrap:break-word;
        }
       .share-item{
         position:fixed;
         left:0px;right:0px;
         bottom:0px;
         height: 3.9rem;
         background:#f2f2f2;
         border-top:1px solid #E8E8E8;
         z-index:9999;
       }
       .share-item-tips{
          height: 0.28rem;
          line-height: 0.28rem;
          width:100%;
          text-align:center;
          font-size: 0.28rem;
          padding: 0.38rem 0;
       }
       .share-item-cent{
          height: 1.8rem;
          width: 100%;
       }
       .share-item-cent li{
          width:33.3%;
          text-align:center;
          float:left;
          font-size: 0.28rem;
       }
       .share-item-cent img{
          width: 0.9rem;
       }
       .share-item-cancel{
          height: 0.98rem;
          line-height: 0.98rem;
          width:100%;
          text-align:center;
          background:#ffffff;
          font-size: 0.28rem;
       }
        .header-mask{
          position:fixed;width:100%;height:70px;z-index:2;background:#ffffff;
        }
       .weui-mask {
          position: fixed;
          z-index: 3;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          background: rgba(0, 0, 0, .6);
      }

      .weui-mask_transparent{
          position: fixed;
          z-index: 3;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
      }
        .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
            bottom: 0;
        }
        .swiper-pagination-bullet {
            background: #fff;
            opacity: .8;
        }
        .swiper-pagination-bullet-active {
            background: #d9251c;
        }
        #goods_price_span span.down {
            color: #d9251c;
            padding-left: 0.2rem;
            font-size: 0.24rem;
        }
        .feed-item{
        /*width:100%;*/
        border-bottom: 1px solid #e8e8e8;
        position:relative;
        padding: 0.2rem 0.32rem;
      }
      .feed-item ul{
        width:100%;
        clear: both;
      }
      .fl {
       float:left;
      }
      .feed-item-right{
        padding-left: 0.2rem;
      }
      .feed-item-titel{
        font-size: 0.24rem;
        color: #999;
        padding: 0.2rem 0;
      }
      .user-head{
        width: 0.7rem;
        height: 0.7rem;
        border-radius:50%;
      }
      .feed-img{
        float: left;
        width: 1.2rem;
        height: 1.2rem;
        padding-right: 0.3rem;
      }
      .my-rating{
        position: absolute;
        right: 0.32rem;
        top: 0.2rem;
      }
      .my-rating .jq-star {
        width: 0.3rem !important;
        height: 0.3rem !important;
      }
      .no_active {
        border: #eee 1px solid;
        color: #aaa;
      }
      .back-top {
        bottom: 60px;
      }
      .nav_fixed {
            position: fixed;
            margin-top: 0.86rem;
            top: 0;
      }
      .goods-tab-b.goods-tab img {
          max-width: 100% !important;
          height: auto !important;
      }
      .buy-kuc-tip {
          display: none;
      }
    </style>
    <script>
        (function(w, d, m) {
        function r() {
            var t = 100,
                o = 750,
                e = d.documentElement.clientWidth || w.innerWidth,
                n = m.max(m.min(e, 480), 320),
                h = 50;
            320 >= n && (h = m.floor(n / o * t * .99)),
                n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
                n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
                n > 375 && (h = m.floor(n / o * t * .97)),
                d.querySelector("html").style.fontSize = (e/7.5) + "px"
        };
        r();
        w.onresize = function() {
            r()
        }
    })(window, document, Math);
    </script>
</head>

<body class="box">
    <div class="topbar"></div>
    <header class="back-header" id="fix1">
        <ul>
            <li style="width: 0.66rem;" class="back-btn">
                <div class="hotel-top-back"><span class="iconfont">&#xe61e;</span></div>
            </li>
            <li style="width: 5.5rem;">
                <div class="goods-btn font-rem11" style="text-align: center;margin: auto;">
                    <span class="goods-btn-active goods-tab-btn font-rem11 goods-tab-btn-a" tag="goods-tab-a">商品</span>
                    <span class="goods-tab-btn font-rem11 goods-tab-btn-b" tag="goods-tab-b">详情</span>
                </div>
            </li>
            <li style="width: 0.66rem;">
                <div class="hotel-top-back" id="share-btn" style="float:right;"><span class="iconfont">&#xe648;</span></div>
            </li>
        </ul>
    </header>
    <div class="goods-tab-a goods-tab">
        <div class="home-ads">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="h10"></div>
        <section>
            <div class="goods-desc">
                <ul>
                    <li style="width: 5.1rem;">
                        <span class="goods-desc-item font-rem11" id="goods_name"></span>
                        <p style="font-size: 0.26rem;color: #999;padding: 0.2rem 0 0.2rem 0px;">购买得<span class="goods-costprice">0</span>圈币</p>
                        <p class="goods-desc-item color-red" id="goods_price_span" style="color: #d9251c;">￥<span id="goods_price" class="color-red" style="color: #d9251c;"></span> <span class="line-through"></span></p>
                    </li>
                    <li style="width: 1.7rem;">
                        <div class="goods-desc-right">
                            <ul class="show-feedgoods">
                                <li style="line-height: 0.58rem;"><span class="iconfont" style="color: #999;">&#xe62e;</span></li>
                                <li class="goods-desc-percentage"><span class="goods-desc-item color-red" style="color: #d9251c;"><span id="praise" style="color: #d9251c;">0</span>%</span>
                                    <p>好评率</p>
                                </li>
                            </ul>
                            <div class="goods-desc-mtotal">月销售 <span id="sale-number">0</span></div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        <div class="back-h50"></div>
        <div class="my-order padding-08 select-goods-size font-rem11" style="border-bottom: none;">规格数量选择<span class="right-tag iconfont" style="color: #999;">&#xe62e;</span></div>
        <div class="back-h50"></div>
        <div class="feed-list">
            <div class="my-order padding-08 feedgoods font-rem11" style="border-bottom: none;">
                评价<span class="right-tag iconfont" style="color: #999;">&#xe62e;</span>
            </div>
        </div>
        <div class="back-h50"></div>
    </div>
    <div class="mask-goods mask-hidden">
        <div class="goods-size mask-hidden">
            <div class="goods-size-title">
                <ul>
                    <li style="position: relative;"><img id="goods_image" src="../../image/0002.jpg" /></li>
                    <li style="margin-left: 1.95rem;color: #000;">￥<span id="regoods_price"></span>
                        <p id="goods-size-item">
                            <span class="default-item1">请选择规格数量</span>
                        </p>
                    </li>
                    <li><span class="close-goods-size iconfont">&#xeb6a;</span></li>
                </ul>
            </div>
            <div class="h2" style="padding-top: 0.33rem;"></div>
            <div class="goods-size-item">
            </div>
            <div class="goods-tag-item"><span>数量</span>
                <div class="add-num">
                    <ul>
                        <li class="num-down">-</li>
                        <li><input class="buy-num" id="buy-num" data-kuc="1" type="tel" value="1" /></li>
                        <li style="border-right:none;" class="num-up">+</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="goods-tab-b goods-tab">
        <div class="goods-tab-b-line" id="nav_fixed">
            <div><span class="goods-tab-active font-rem11 goods-tab-btn2" tag="goods-tab-c">详情</span></div>
            <div><span class="font-rem11 goods-tab-btn2" tag="goods-tab-d">常见问题</span></div>
        </div>
        <section>
            <div id="goods-content" class="goods-tab2 goods-tab-c"></div>
            <div id="goods-issue" class="mask-hidden goods-tab2 goods-tab-d"></div>
        </section>
    </div>
    <div class="share-item mask-hidden">
        <div>
            <div class="share-item-tips">分享至</div>
            <div class="share-item-cent">
                <ul>
                    <li class="share-item-friend"><img src="../../image/share_friend.png" />
                        <p>微信好友</p>
                    </li>
                    <li class="share-item-cale"><img src="../../image/share_cale.png" />
                        <p>微信朋友圈</p>
                    </li>
                    <li class="share-item-qq"><img src="../../image/share_qq.png" />
                        <p>QQ</p>
                    </li>
                </ul>
            </div>
            <div class="share-item-cancel">取消</div>
        </div>
    </div>
    <div class="buy-btn">
        <ul>
            <li class="buy-btn-item" style="width: 2.2rem;border-right:0px;">立即购买</li>
            <li class="add-buycar" style="width: 2.2rem">加入购物车</li>
            <li style="width: 1rem;" class="go-buycar">
                <img src="../../image/goods_buy_car.png" />
                <span class="msg-total mask-hidden" style="position: absolute;transform: translateY(75%) translateX(-37%);animation: bounceOut 2s;">10</span>
            </li>
            <li style="width: 1rem;" class="add-favorite"><img id="favorite" src="../../image/goods_buy_favorite.png" /></li>
            <li style="width: 1rem;" class="go-home"><img src="../../image/goods_buy_home.png" /></li>
        </ul>
    </div>
    <div class="weui-mask mask-hidden"></div>
    <div class="back-top mask-hidden" id="fix2"></div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/jquery.tap.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="../../script/jquery.star-rating-svg.js"></script>
<script type="text/javascript">
var _keyid = '';
var _size_item = new Array();
var _single_price = '0.00';
var _goods_id = '';
var _sku_open = false;
var _spot = '1';
var _storeid = '';
var _freight = '';
var _images = [];
var _isfavorite = false;
var _shareimg = '';
var _description = '';
var _title = '';
var _shareurl = '';
var _storeid_url = '';
var _sku_data = {};
var _sku_spec_map = {};
var imgUrl="";

apiready = function() {
    _keyid = api.pageParam.keyid;
    _storeid = api.pageParam.storeid;
    // _spot = api.pageParam.spot;
    setIosTopBar();
    getRouteData(_keyid, _storeid);
    // chkfavorite();
    getfeed();
    api.addEventListener({
        name: 'longpress'
    }, function(ret, err) {
        save_img();
    });
};

function getRouteData(_keyid, _storeid) {
    $.ajax({
        url: siteurl + 'v2/goods/detail',
        data: {
            goods_commonid: _keyid,
            store_id: _storeid
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                if (datas.data.is_platform_store == '1') {
                    _storeid_url = datas.data.store_id;
                    _spot = '2';//公共商品，未进货
                } else {
                    _storeid_url = datas.data.public_store_id;
                }
                $("#goods_name").html(datas.data.goods_name);
                _title = datas.data.goods_name;
                _description = datas.data.goods_name;
                _shareurl = siteurl + 'v1/view/market.html'; //'home/goods/index/goods_id/' + datas.data.goods_commonid + '.html';
                $("#goods_price").html(datas.data.goods_price);
                $("#goods_image").attr("src", siteurl + "uploads/home/store/goods/" + datas.data.goods_image.substr(0, datas.data.goods_image.indexOf("\_")) + "/" + datas.data.goods_image);
                _shareimg = siteurl + "uploads/home/store/goods/" + datas.data.goods_image.substr(0, datas.data.goods_image.indexOf("\_")) + "/" + datas.data.goods_image;
                $("#regoods_price").html(datas.data.goods_price);
                $(".line-through").html(datas.data.goods_marketprice);
                $("#goods-content").html('<p></p>'+datas.data.goods_body);
                $("#goods-issue").html(datas.data.issue);
                if ( datas.data.cart > 0 ) {//调用赋值给购物车数量方法
					// getCar();
					$(".msg-total").html(datas.data.cart);
                    $(".msg-total").removeClass("mask-hidden");
                }
                if ( datas.data.has_collected == 1 ) {
                    $("#favorite").attr("src", "../../image/favorite2.png");
                }
                if ( datas.data.hide_collect == 1 ) {
                    $("#favorite").parent(".add-favorite").attr("nofav", true);
                }
                if (datas.data.store_id == 1) {//goods_storage
                        $("#goods_price_span").append('<span class="down"> 已下架</span>');
                        $(".add-buycar").data('state', '0');
                        $(".buy-btn-item").data('state', '0');
                        _spot = 2;
                } else {
                    if ( datas.data.goods_state != 1 || datas.data.goods_storage < 1 ) {
                        $("#goods_price_span").append('<span class="down"> 已下架</span>');
                        $(".add-buycar").data('state', '0');
                        $(".buy-btn-item").data('state', '0');
                        _spot = 2;
                    }
                }
                if (datas.data.points == 0) {
                    $(".goods-costprice").css("color", "rgba(0, 0, 0, 0)");
                    $(".goods-costprice").parent("p").css("color", "rgba(0, 0, 0, 0)");
                } else {
                    $(".goods-costprice").html(datas.data.points);
                }
                $("#sale-number").html(datas.data.sale_number);
                $("#praise").html(datas.data.praise);
                $("#goods-costprice").html(datas.data.goods_costprice);
                var _html = '';
                if ( datas.data.spec_list.length > 0 ) {
                  _sku_data = datas.data.goods_list;
                  _sku_spec_map = datas.data.spec_map;
                    var i = 0;
                    $.each(datas.data.spec_name, function(index, item) {
                        _html += '<div class="goods-tag-item" ptag="item' + index + '">' + item + '</div><div class="h2"></div><div class="tag_item">';
                        $.each(datas.data.spec_value, function(index2, item2) {
                            if (index == index2) {
                                $.each(item2, function(index3, item3) {
                                      _html += '<span class="goods-tag" id="sku_'+i+'_'+index3+'" ptag="item' + index + '" index="' + index2 + '" tag="' + index3 + '" spec_goods_image="" spec_goods_price="" spec_id="">' + item3 + '</span>';
 
                                })
                            }
                        })
                        _html += '</div><div class="h10"></div>';
                        $("#goods-size-item").append('<span tag="" class="size-item item' + index + '"></span> ');
                        i++;

                    })
                    $("#goods-size-item").append('<span class="buy-num-tip"></span><span class="buy-kuc-tip"></span>');
                } else {
                  $("#goods-size-item").html('<span class="buy-num-tip"></span><span class="buy-kuc-tip"></span>');
                  // 无规格
                    $.each(datas.data.goods_list, function (index_n_spec, item_n_p) {
                      // body...
                        $("#regoods_price").html(item_n_p.goods_price);
                        _goods_id = item_n_p.goods_id;
                        _sku_open = true;
                        _single_price = item_n_p.goods_price;
                        if (item_n_p.goods_image) {
                            $("#goods_image").attr("src", siteurl + "uploads/home/store/goods/" + item_n_p.goods_image.substr(0, item_n_p.goods_image.indexOf("\_")) + "/" + item_n_p.goods_image);
                        }
                        $("#buy-num").data("kuc", item_n_p.goods_storage);
                        function_name();
                        $(".buy-num-tip").text("x" + $("#buy-num").val());
                        $(".buy-kuc-tip").text(' ( 库存 '+ item_n_p.goods_storage +' ) ');
                        var _num = parseInt($("#buy-num").val());
                        var _goods_price = _single_price * _num;
                        $("#regoods_price").html(_goods_price.toFixed(2));
                    });
                }
                if (datas.data.images.length > 0) {
                    $.each(datas.data.images, function(index_b, item_b) {
                        $(".swiper-wrapper").append('<div class="swiper-slide"><img src="' + siteurl + "uploads/home/store/goods/" + item_b.goodsimage_url.substr(0, item_b.goodsimage_url.indexOf("\_")) + "/" + item_b.goodsimage_url + '"/></div>');
                        _images.push(siteurl + "uploads/home/store/goods/" + item_b.goodsimage_url.substr(0, item_b.goodsimage_url.indexOf("\_")) + "/" + item_b.goodsimage_url);
                    })
                }
				if(datas.data.images.length > 0){
					imgUrl=_images[0];
				}
                var swiper = new Swiper('.swiper-container', {
                    allowSlidePrev: true,
                    pagination: {
                        el: '.swiper-pagination',
                    },
                });
                $(".goods-size-item").append(_html);
                set_checked_list();
            } else {
                errcode(datas, datas.code);
            }
            function_name();
        }
    });
}

$(function() {

    $(window).scroll(function() {
        var a = document.getElementById("nav_fixed").offsetTop;
        var b = document.getElementById("fix1").offsetTop;
        if (a > $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
            $("#nav_fixed").removeClass("nav_fixed");
        }
        if (($("#nav_fixed").outerHeight() + a) <= $(window).scrollTop()) {
            $("#nav_fixed").removeClass("mask-hidden");
            $("#nav_fixed").addClass("nav_fixed");
            $(".goods-tab-b-line.nav_fixed").css("top", (b - 1) + 'px');
        }
        if ( a === 0 || a == b ) {
            $("#nav_fixed").addClass("mask-hidden");
            $(".goods-tab-a").removeClass("mask-hidden");
        }
    });

    var aa = [];
    var i = 0;
    var src = [];
    var json = null;
    aa = $('img');
    for (i = 1; i < aa.length; i++) {
        src[i] = aa[i].src;
    }
    $("img").click(function() {
        var index = $('img').index(this);
        // imagePreview(src[index],src);
    });
})

function spot_msg() {
  // body...
  if ( _spot == 2 ) {
      api.toast({ msg: '商品已下架' });
      return false;
  }
}


function get_checked_list() {
    var ret = [];
    $('.tag_item').each(function (index,element) {
      var ac = $(this).find('.goods-tag-active');
      if(ac.length > 0){
        var tag = ac.attr('tag');
        ret.push({
          line:index, key: tag
        });
      }
    })
    return ret;
  }

function get_sku(goods_list, spec_map, checked_list) {
  var list = [];
  for (var i in spec_map) {
    list.push({"spec_map": i.split("_"), "key": spec_map[i]})
  }
  var ret = [];
  var checked_spec = [];
  var checked_neer = [];

  for (var i in checked_list) {
    checked_spec.push(checked_list[i].key);
  }

  for (var j in list) {
    var flag = [];
    var all_spec_key = [];
    for (var i in checked_list) {
      checked_neer.push(list[j].spec_map[checked_list[i].line]);
      if (list[j].spec_map.indexOf(checked_list[i].key.toString()) === checked_list[i].line * 1) {
        flag.push(list[j]);
        all_spec_key = (list[j].spec_map)

      }
    }

    if (checked_list.length == flag.length) {
      var goods_info = goods_list[list[j].key]
      if (goods_info.goods_storage > 0) {
        ret.push(all_spec_key)
      }
    }
  }
  return ret;
}

function spec_map_check(goods_list, spec_map, line, key, checked_list) {

  for(var i in checked_list){
    if(checked_list[i].key != key && checked_list[i].line == line){
      checked_list[i].key = key
    }
  }
  var e = get_sku(goods_list, spec_map, checked_list);
  if(e.length > 0){
    return true;
  }else{
    return false;
  }
}


$(".home-ads").on("tap", "img", function() {
    // console.log($(this).attr("src"));
    gallery_qz($(this).attr("src"));
});
$(".feed-list").on("tap", "img", function() {
    // console.log($(this).attr("src"));
    gallery_qz($(this).attr("src"));
});
$(".goods-content").on("tap", "img", function() {
    // console.log($(this).attr("src"));
    gallery_qz($(this).attr("src"));
});


function getfeed() {
    $.ajax({
        url: rooturl + '?do=getevaluategoods',
        data: {
            goodsid: _keyid
        },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.length > 0) {
                $.each(datas, function(index, item) {
                    if (index == 1) {
                        return false;
                    }
                    var _html = '';
                    if (item.geval_image) {
                        var _imglist = item.geval_image.split(",");
                    } else {
                        var _imglist = '';
                    }
                    _html += '<div class="feed-item"><ul>';
                    _html += '<li class="fl" style="width: 0.7rem;"><img src="' + item.member_avatar + '" class="user-head"/></li>';
                    _html += '<li class="feed-item-right fl">' + item.member_truename + '<p class="feed-item-titel">' + item.geval_addtime + '</p></li>';
                    _html += '<li><div class="my-rating my-rating' + index + '"></div></li></ul>';
                    _html += '<ul><li>' + item.geval_content + '</li></ul><ul style="margin-top: 0.25rem;"><li>';
                    if (_imglist.length > 0) {
                        for (var i = 0; i < _imglist.length; i++) {
                            _html += '<img src="' + _imglist[i] + '" style="width: 1.2rem;height: 1.2rem;margin-right: 0.3rem;"/>';
                        }
                    }
                    _html += '</li></ul><div class="h50"></div></div>';
                    $(".feed-list").append(_html);
                    $(".my-rating" + index).starRating({
                        starSize: 24,
                        activeColor: '#d9251c',
                        starShape: 'rounded',
                        hoverColor: '#d9251c',
                        useGradient: false,
                        initialRating: item.geval_scores,
                        readOnly: true,
                        callback: function(currentRating, $el) {
                            // make a server call here
                        }
                    });
                })
            }
        }
    });
}


function openPhotoBrowser(_index) {
    var UIPhotoViewer = api.require('UIPhotoViewer');
    UIPhotoViewer.open({
        images: _images,
        activeIndex: _index,
        placeholderImg: 'widget://image/loading_more.gif',
        bgColor: '#000'
    }, function(ret, err) {
        api.openFrame({
            name: 'TEST',
            url: './photoSwiperJson_frm.html',
            rect: {
                x: 0,
                marginTop: 10,
                w: 'auto',
                h: 100,
                marginBottom: 50
            }
        });
        api.bringFrameToFront({
            from: 'TEST'
        });
    });
}

function closePhotoViewer() {
    var UIPhotoViewer = api.require('UIPhotoViewer');
    UIPhotoViewer.close();
}
$(".share-item-friend").on("tap", function() {
    var wx = api.require('wx');
	api.download({
	    url: _shareimg,
	    // savePath: 'widget://'+_storeid+'.png',
	    report: false,
	    cache: true,
	    allowResume: true
	}, function(ret, err) {
		 if (ret.state == 1) {
			var str=ret.savePath.slice(-3);
			var str2="";
			if(str=='png'){
				str2=ret.savePath;
			}else{
				str2="widget://image/logo3.png";
			}
			wx.shareProgram({
				scene: 'session',
				title: _title,
				description: _description,
				thumb: str2,
				webpageUrl: _shareurl,
				userName: 'gh_344fb21bce0f',
				path: 'pages/index/shop?id='+_keyid+'&store_id'+_storeid+'&isfx=true'
			}, function(ret, err) {

			})
		}
	})
	
    $(".share-item").slideUp(500, function() {});
    $(".weui-mask").addClass("mask-hidden");
    _show = false;
    return false;
})
$(".share-item-cale").on("tap", function() {

    var wx = api.require('wx');
    wx.shareWebpage({
        scene: 'timeline',
        title: _title,
        description: _description,
        thumb: 'widget://image/logo2.png',
        contentUrl: _shareurl
    }, function(ret, err) {
        if (ret.status) {
            //alert("分享成功！");
            api.toast({ msg: '分享成功！' });
            setPoint();
        } else {
            // alert(err.code);
            api.toast({ msg: err.msg });
        }
    });
    $(".share-item").slideUp(500, function() {});
    $(".weui-mask").addClass("mask-hidden");
    _show = false;
    return false;
})
$(".share-item-qq").on("tap", function() {
    var qq = api.require('QQPlus');
    qq.shareNews({
        url: _shareurl,
        title: _title,
        description: _description,
        imgUrl: _shareimg
    }, function(ret, err) {
        if (ret.status) {
            //alert("分享成功！");
            api.toast({ msg: '分享成功！' });
            setPoint();
        } else {
            // alert(err.code);
            api.toast({ msg: err.msg });
        }
    });
    $(".share-item").slideUp(500, function() {});
    $(".weui-mask").addClass("mask-hidden");
    _show = false;
    return false;
})

var _show = false;
$("#share-btn").on("tap", function() {
    if (_show == false) {
        $(".share-item").slideDown(500, function() {});
        $(".weui-mask").removeClass("mask-hidden");
        _show = true;
    } else {
        $(".share-item").slideUp(500, function() {});
        _show = false;
    }
    return false;
})

$(".share-item-cancel").on("tap", function() {
    $(".share-item").slideUp(500, function() {});
    $(".weui-mask").addClass("mask-hidden");
    _show = false;
    return false;
})

$(".goods-size-item").on("tap", ".goods-tag", function() {
    // $(this).addClass('goods-tag-active').siblings('.goods-tag-active').removeClass('goods-tag-active');
    if ( $(this).hasClass("no_active") ) {
        return false;
    }
    var _index = $(this).attr("index");
    $(".goods-tag").each(function() {
        if ($(this).attr("index") == _index) {
            $(this).removeClass("goods-tag-active");
        }
    })
    $(this).addClass("goods-tag-active");
    $(".default-item1").empty();
    $("." + $(this).attr("ptag")).text($(this).text());
    $("." + $(this).attr("ptag")).attr("tag", $(this).attr("tag"));
    _size_item = [];
    var _sku_spec_map_index = '';
    $(".size-item").each(function(xind) {
        if ($(this).text() != "") {
            var _item = $(this).attr("tag") + ":" + $(this).text();
            if (xind == 0) {
              _sku_spec_map_index += $(this).attr("tag");
            } else {
              _sku_spec_map_index += '_' + $(this).attr("tag");
            }
            _size_item.push(_item);
        }
    })
    // console.log(_sku_spec_map_index)
    // console.log(_sku_spec_map[_sku_spec_map_index])
    // console.log(_sku_data[_sku_spec_map[_sku_spec_map_index]].spec_img)
    set_checked_list();
    if (_size_item.length == $(".size-item").length) {
        _single_price = _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_price;//$(this).attr("spec_goods_price");
        _goods_id = _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_id;//$(this).attr("spec_id");
        $("#goods_image").attr("src", _sku_data[_sku_spec_map[_sku_spec_map_index]].spec_img);
        $("#buy-num").data("kuc", _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_storage);
        function_name();
        $(".buy-num-tip").text("x" + $("#buy-num").val());
        $(".buy-kuc-tip").text(' ( 库存'+_sku_data[_sku_spec_map[_sku_spec_map_index]].goods_storage+' )');
        var _num = parseInt($("#buy-num").val());
        var _goods_price = _single_price * _num;
        $("#regoods_price").html(_goods_price.toFixed(2));
    }
    return false;
})


function set_checked_list() {
    $('.tag_item').each(function (index, element) {
      $(this).find('.goods-tag').each(function (i,e) {
        var is_checked = spec_map_check( _sku_data, _sku_spec_map, index, $(e).attr('tag'), get_checked_list());
        if(!is_checked){
          $(e).addClass('no_active');
        }else{
          $(e).removeClass('no_active');
        }
      })
    })
}
function getCar() {
    $.ajax({
        url: siteurl + 'v2/order/cart',//'?do=getbuycar',
        data: {
            buyer_id: $api.getStorage("memberid"),
            store_id: _storeid,
            page: 1
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
				var sum;
                $.each(datas.data.cart_list, function(index, item2) {
					var item=JSON.stringify(item2);
						sum = sum + item.goods_num;
                });
				 $(".msg-total").html(sum);
            } else {
                errcode(datas, datas.code);
            }
       
		}
    });
}


$(".select-goods-size").on("tap", function() {
    showGoodsSize();
    return false;
})

function showGoodsSize() {
    $(".mask-goods").show();
    $(".goods-size").show(100);
    $(".weui-mask").removeClass("mask-hidden");
}
$(".close-goods-size").on("tap", function() {
    $(".mask-goods").hide();
    $(".goods-size").hide();
    $(".weui-mask").addClass("mask-hidden");
    return false;
})
$(".num-up").on("tap", function() {
    if ( _spot == 2 ) {
        api.toast({ msg: '商品已下架' });
        return false;
    }
    var _num = parseInt($(".buy-num").val()) + 1;
    var _kucun = $("#buy-num").data("kuc");
    if (_num > _kucun) {
        api.toast({ msg: '库存不足' });
        return false;
    }
    $("#buy-num").val(_num);
    $(".buy-num-tip").text("x" + $(".buy-num").val());
    var _goods_price = _single_price * _num;
    $("#regoods_price").html(_goods_price.toFixed(2));
    return false;
})
$(".num-down").on("tap", function() {
    if ( _spot == 2 ) {
        api.toast({ msg: '商品已下架' });
        return false;
    }
    if (parseInt($("#buy-num").val()) > 1) {
        var _num = parseInt($(".buy-num").val()) - 1;
        $("#buy-num").val(_num);

        $(".buy-num-tip").text("x" + $(".buy-num").val());
        var _goods_price = _single_price * _num;
        $("#regoods_price").html(_goods_price.toFixed(2));
    }
    return false;
})
$(".buy-btn-item").on("tap", function() {
    if ( _spot == 2 ) {
        api.toast({ msg: '商品已下架' });
        return false;
    }
    if (_goods_id == "") {
        //api.toast({ msg:'请选择商品参数！'});
        showGoodsSize();
        return false;
    }
    if (_sku_open) {
        showGoodsSize();
        _sku_open = false;
        return false;
    }
    var _goodsx = [];
    _goodsx.push({"goods_id": _goods_id, "buy_num": $("#buy-num").val() });
    $.ajax({
        url: siteurl + 'v1/order/save_og',//'?do=saveordergoods',
        data: {
            store_id: _storeid,
            goods: JSON.stringify(_goodsx),
            goods_id: _goods_id,
            buy_num: $("#buy-num").val(),
            buyer_id: $api.getStorage("memberid")
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                // var _gorderid = datas.gorderid;
                api.openWin({
                    name: 'postaddr',
                    url: 'postaddr.html',
                    bounces: false,
                    pageParam: {
                        gorderid: datas.data.order_id,
                        storeid: _storeid
                    }
                });
            } else {
                errcode(datas, datas.code);
            }
        }
    });

    return false;
})
$(".feedgoods,.show-feedgoods").on("tap", function() {
    api.openWin({
        name: 'feedgoods',
        url: 'feedgoods.html',
        bounces: false,
        pageParam: {
            keyid: _keyid
        }
    });
    return false;
})
$(".go-home").on("tap", function() {
    api.openWin({
        name: 'hoteldtl',
        url: 'hoteldtl.html',
        bounces: false,
        animation: {
            type: 'push',
            subType: 'from_left'
        },
        pageParam: {
            keyid: _storeid
        }
    });
    setTimeCloseWin("showgoods");
    return false;
})

$(".go-buycar").on("tap", function() {
    api.openWin({
        name: 'buycar',
        url: 'buycar.html',
        bounces: false,
        pageParam: {
            keyid: _keyid,
            storeid: _storeid
        }
    });
    return false;
})
$(".add-buycar").on("tap", function() {
    if ( _spot == 2 ) {
        api.toast({ msg: '商品已下架' });
        return false;
    }
    if (_goods_id == "") {
        showGoodsSize();
        return false;
    }
    if (_sku_open) {
        showGoodsSize();
        _sku_open = false;
        return false;
    }
    $(".msg-total").css("animation", "");
    $.ajax({
        url: siteurl + 'v2/order/add_cart',//'?do=addbuycar',
        data: {
            goods_id: _goods_id,
            store_id: _storeid,
            goods_num: $("#buy-num").val(),
            buyer_id: $api.getStorage("memberid")
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                $(".msg-total").css("animation", "bounceOut 2s");
                var num_car = $(".msg-total").html()*1 + $("#buy-num").val()*1;
                $(".msg-total").removeClass("mask-hidden");
                $(".msg-total").html(num_car);
                api.toast({ msg: datas.msg });
            } else {
                errcode(datas, datas.code);
            }
        }
    });
    return false;
})
$(".add-favorite").on("tap", function() {
    var xx = $(this).attr("nofav");
    $("#favorite").css("animation", "");
    if (xx) {
        api.toast({ msg: "该商品暂不支持收藏" });
        return false;
    }
    // if (!_isfavorite) {
        $.ajax({
            url: siteurl + 'v1/favorites/collect',//'?do=addfavorite',
            data: {
                fav_id: _keyid,
                buyer_id: $api.getStorage("memberid"),
                type: 'goods'
            },
            headers: { "X-TOKEN": $api.getStorage("accesstoken") },
            dataType: 'json',
            type: 'post',
            success: function(datas) {
                if (datas.result) {
                    // api.toast({ msg: '加入收藏成功！' });
                    $("#favorite").css("animation", "bounceOut 2s");
                    if (datas.data.action == 'add') {
                        _isfavorite = true;
                        $("#favorite").attr("src", "../../image/favorite2.png");
                    } else {
                        _isfavorite = false;
                        $("#favorite").attr("src", "../../image/goods_buy_favorite.png");
                    }
                } else {
                    errcode(datas, datas.code);
                }
            }
        });
    // } else {
    //     $.ajax({
    //         url: rooturl + '?do=delfavorite',
    //         data: {
    //             goods_id: _keyid,
    //             buyer_id: $api.getStorage("memberid")
    //         },
    //         dataType: 'json',
    //         type: 'post',
    //         success: function(datas) {
    //             if (datas.result) {
    //                 //api.toast({ msg:'删除收藏！'});
    //                 _isfavorite = false;
    //                 $("#favorite").attr("src", "../../image/goods_buy_favorite.png");
    //             }
    //         }
    //     });
    // }
    return false;
})

$(".goods-tab-btn").on("tap", function() {
    $(".goods-tab").addClass("mask-hidden");
    $(".header-mask").addClass("mask-hidden");
    $("." + $(this).attr("tag")).removeClass("mask-hidden");
    $(".goods-tab-btn").removeClass("goods-btn-active");
    $(this).addClass("goods-btn-active");
    $(".goods-tab-b-line").addClass("nav_fixed");
    $(".goods-tab-b-line").addClass("mask-hidden");
    // $(".goods-tab").removeClass("mask-hidden");
    var tag = $(this).attr("tag");
    console.log(tag)
    if (tag == 'goods-tab-a') {
        $(".goods-tab-b").removeClass("mask-hidden");
    }
    $('html , body').animate({ scrollTop: 0 }, 'slow');
    return false;
})

$(".goods-tab-btn2").on("tap", function() {
    $(".goods-tab2").addClass("mask-hidden");
    $("." + $(this).attr("tag")).removeClass("mask-hidden");
    $(".goods-tab-btn2").removeClass("goods-tab-active");
    $(this).addClass("goods-tab-active");
    return false;
})

function touch() {
    $("body").on('touchstart', function(e) {
        var touch = e.originalEvent;
        startX = e.originalEvent.changedTouches[0].pageX;
        startY = e.originalEvent.changedTouches[0].pageY;
        $(".box").on('touchmove', function(e) {
            e.preventDefault();
            touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
            if (touch.pageX - startX > 10) {

            } else if (touch.pageX - startX < -10) {

            };
            if (touch.pageY - startY > 3) {
                if ($(window).scrollTop() <= 30) {
                    $(".goods-tab").addClass("mask-hidden");
                    $(".header-mask").addClass("mask-hidden");
                    $(".goods-tab-a").removeClass("mask-hidden");
                    $(".goods-tab-btn").removeClass("goods-btn-active");
                    $(".goods-tab-btn-a").addClass("goods-btn-active");
                }
            } else if (touch.pageY - startY < -5) {
                $(".goods-tab").addClass("mask-hidden");
                $(".header-mask").removeClass("mask-hidden");
                $(".goods-tab-b").removeClass("mask-hidden");
                $(".goods-tab-btn").removeClass("goods-btn-active");
                $(".goods-tab-btn-b").addClass("goods-btn-active");
            };
            $(".box").off('touchmove');
        });
        return false;
    }).on('touchend', function() {
        $(".box").off('touchmove');
    })
}

function chkfavorite() {
    $(".msg-total").addClass("mask-hidden");
    $.ajax({
        url: rooturl + '?do=chkfavorite',
        data: {
            goods_id: _keyid,
            store_id: _storeid,
            buyer_id: $api.getStorage("memberid")
        },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.fav) {
                _isfavorite = true;
                $("#favorite").attr("src", "../../image/favorite2.png");
            }
            $(".msg-total").html(datas.cart);
            $(".msg-total").removeClass("mask-hidden");
        }
    });
}

function save_img() {
    // body...
    var _img_url = $("body .weui-gallery").data("imgurl");
    if ( typeof(_img_url) == "undefined" ) {
        console.log(_img_url)
    } else {
        var _img_arr = '';
        // alert(_img_url);
        _img_arr = _img_url.substr((_img_url.lastIndexOf("/")+1));
        console.log(_img_arr)
        console.log(_img_url)
        api.confirm({
            title: '保存图片',
            buttons: ['取消', '确定']
        }, function (ret, err) {
          // body...
            // alert(JSON.stringify(ret))
            var index = ret.buttonIndex;
            if (index == 2) {
                download_img(_img_url, _img_arr)
            }
        })
    }
}

function download_img(img_url, save_name) {
  // body...
  api.download({
      url: img_url,
      encode: false,
      cache: true,
      savePath: 'fs://' + save_name,
  }, function (ret, err) {
      // body...
      if (ret.state == 1) {
          api.saveMediaToAlbum({
              path: 'fs://' + save_name
          }, function (ret, err) {
              // body...
              if (ret && ret.status) {
                  api.toast({msg: '保存成功'})
              } else {
                  api.toast({msg: '保存失败'})
              }
          })
      } else {
          api.toast({msg: '下载失败' })
      }
  })
}

function setPoint() {
    $.ajax({
        url: siteurl + 'v1/member/point',
        data: {
            memberid: $api.getStorage("memberid"),
            stage: 'share'
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                //
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}

$(".back-top").on("tap", function() {
    $('html , body').animate({ scrollTop: 0 }, 'slow');
    return false;
});

$.fn.fixedDiv = function(actCls) {
    var that = $(this),
        offsetTop = that.offset().top,
        scrollTop;

    function fix() {
        scrollTop = $(document).scrollTop();
        if (scrollTop > offsetTop) {
            that.addClass(actCls);
            $("#nav_fixed").removeClass("mask-hidden");
        } else {
            that.removeClass(actCls);
        }
    }
    fix();
    $(window).scroll(fix);
}
$.fn.fixedDivx = function(actCls) {
    var that = $(this),
        offsetTop = that.offset().top,
        scrollTop;

    function fix() {
        scrollTop = $(document).scrollTop();
        if (scrollTop > offsetTop) {
            that.removeClass(actCls);
        } else {
            that.addClass(actCls);
        }
    }
    fix();
    $(window).scroll(fix);
}
$('#fix1').fixedDiv('white-back');
$('#fix2').fixedDivx('mask-hidden');
</script>

</html>