购物篮通知

Question

我需要一个篮子通知，在购物篮上弹出一个红色圆圈，其中包含篮子中的项目数量，如果篮子中有0个项目，则会消失，就像下面网站中的那个一样。

http://www.howies.co.uk/beach-towel.html

没有JQuery可以做到这一点吗？

到目前为止，这是我的代码。

的Javascript

if($('#no_items').html() == 0){
$(".circle").hide();}

HTML

<div class="circle"><div id="no_items" style="color:white">0</div></div>

http://jsfiddle.net/QjEcx/1/

Answer 1

当然！您可以使用innerHTML或innerText：

if(document.querySelector('#no_items').innerText === '0'){
    document.querySelector(".circle").style.display = 'none';
}

<强>更新

或者根据要求使用pop动画：http://jsfiddle.net/ARTsinn/QjEcx/2/