jQuery 在将某些内容添加到购物车时显示一个 div，而不是之前答案

【问题标题】：jQuery show a div when something added to cart, and not beforejQuery 在将某些内容添加到购物车时显示一个 div，而不是之前
【发布时间】：2015-01-16 09:06:37
【问题描述】：

我需要查看一个 div，该 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();

不工作。

只有当 somone 将某些东西放入购物车时，我才需要 jQuery 显示带有“.l-shopgetmore”类的 div。

【问题讨论】：

你能举个例子吗？
是否有一个 HTML 元素显示何时将某些东西添加到购物车？ <li> 也许？或者带有特定类的<div> 显示它是购物车项目？如果您可以识别 DOM 元素，那么您的 jQuery if 语句也可以查找新创建的购物车元素的存在，然后触发 if 的其余部分...
加入购物车的代码在哪里？这就是您希望 jquery 显示/隐藏等的地方
如果getAmount == '0'，你不应该添加一个else语句
如果有帮助，您实际上可以在这里查看网上商店：

标签： javascript jquery html cart webshop

【解决方案1】：

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');


});

【讨论】：

它对我不起作用。：/我复制/粘贴您的代码。但无论如何它只会隐藏消息。
酷，现在有点用了。但是当有超过 1000 克朗时。在购物车中，例如。 1200 克朗然后显示-200 kr。在消息中。
它应该在购物车达到 1000 kr 时隐藏它。
已编辑，现在 +1000 时再次隐藏