我需要查看一个 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øb for yderligere DKK ' + diff.toFixed(2) + ' og få fragtfri levering.');
} else {
jQuery('.l-shopgetmore').hide();
}
}
});
最后一行
jQuery('.l-shopgetmore').hide();
不工作。
只有当有人将东西放入购物车时,我才需要 jQuery 来显示带有“.l-shopgetmore”类的 div。
最佳答案
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øb for yderligere DKK ' + diff.toFixed(2) + ' og få 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');
});
关于javascript - jQuery 在将商品添加到购物车时显示 div,而不是之前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27980420/