1

ウェブショップで送料無料になるには、さらに購入する必要がある金額を示す div を表示する必要があります。

html は次のようになります。

<div class="l-shopgetmore panel-success">Køb for yderligere DKK 1000.00 og få fragtfri levering.</div>

ショップの一番下には次のようなものがあります。

<div class="frifragt" style="display: none;">1000</div>
<div class="priceInCart" style="display: none;">0</div>

「priceInCart」の 0 は、実際には、カートに何かがあるかどうかを確認し、ここに ID を表示するコードのスニペットです。この場合、カートは空です。

CSS:

.l-shopgetmore {
    font-size: 21px;
    text-align: center;
    min-height: 60px;
    padding: 15px 0px;
}


.panel-success {
    background-color: #CAEEF7;
    border-color: #08BFED;
    color: #08BFED;
}

したがって、私のjQueryコードは次のようになります。

jQuery(document).ready(function(j) {

    var start   = 999,
    getFirstNum = jQuery('.frifragt').text(),
    getSecNum   = jQuery('.priceInCart').text(),
    diff        = Number(getFirstNum) - Number(getSecNum),
    getDiscont  = jQuery('.priceInCart').text()

var getAmount = jQuery('.priceInCart').text();

if(getAmount != '0') {

    if(start > getDiscont) {
        jQuery('.l-shopgetmore').html('K&oslash;b for yderligere DKK ' + diff.toFixed(2) + ' og f&aring; fragtfri levering.');
    } else {
        jQuery('.l-shopgetmore').hide();
    }
} 
});

最後の行

jQuery('.l-shopgetmore').hide();

動かない。

誰かがカートに何かを入れたときにのみ、クラス「.l-shopgetmore」でdivを表示するにはjQueryが必要です。

4

1 に答える 1

0 
jQuery(document).ready(function(j) {
    var frifragt = jQuery('.frifragt');
    var priceInCart = jQuery('.priceInCart');
    var diff = Number(frifragt.text()) - Number(priceInCart.text());
    jQuery('.l-shopgetmore').html('K&oslash;b for yderligere DKK ' + diff.toFixed(2) + ' og f&aring; fragtfri levering.');
    jQuery('.l-shopgetmore').hide();
     setInterval(function(){
       if(jQuery('.priceInCart').text() > 0 || jQuery('.priceInCart').text() < 1000)
          jQuery('.l-shopgetmore').show();
       else
          jQuery('.l-shopgetmore').hide();
     }, '600');


});
于 2015-01-16T09:23:49.660 に答える