Question

我一整天都在寻找这个，但我自己也搞不清楚。

我有一个可以添加商品的购物车。购物车是一个下拉菜单，所以你必须点击它才能查看它。因此，每次你向购物车添加一个项目我想显示“+1”，“+ 2”等等，在某个地方，当你点击下拉菜单时，它会消失，所以它可以重新开始计数。所以，我认为当div的高度改变时，它可以显示+1。

但是，我不知道这么做的javascript ....

我的HTML：

<div id="button">Button</div>
  <div id="chartdropupcontainer">
    <div id="chart">
      <button>test</button>
<script type="text/javascript">
$("button").click(function () {
    $("#testp").hide();
});    

$("#chart").bind("resize", function(){ 
    alert("test"); 
});
</script>
      <p id="testp"></p>
    </div>
  </div>
</div>

我的Css：

* {
 padding: 0;
 margin: 0;
 font-family: Helvetica;
 color: white;
}

#chartdropupcontainer {
 width: 200px;
 background-color: red;
 position: fixed;
 bottom: 0;
 right: 0;
 margin-right: 20px;
 padding: 0 5px 0 5px;
 margin-bottom: 47px;
 z-index: 998;
}
#chartdropupcontainer h1 {
 margin: 5px;
 color: black;
 cursor: pointer;
}
#chart {
 width: 100%;
 background-color: black;
 height: 400px;
 overflow: auto;

}
#button {
 background-color: blue;
 cursor: pointer;
 padding: 10px;
 width: 190px;
 position: fixed;
 bottom: 0;
 right: 0;
 margin-right: 20px;
 z-index: 999;
}

我的javascript：

$(document).ready(function() {
    $("#button").click(function () {
      $("#chartdropupcontainer").slideToggle("slow");
    });
});

以下是在线版本的链接：http://www.rutgerinc.nl/niels/

编辑：对不起，有点不好意思！有人可以帮帮我吗？

Answer 1

首先，调整大小事件是指您调整窗口大小，这就是您的事件永远不会被触发的原因。 http://api.jquery.com/resize/

我认为您需要更改项目添加到购物篮中的代码位。是不是有更多的javascript在某个地方首先添加东西？

像BGerrissen这样的事件驱动方法建议是完美的，因为当用户向购物车添加内容时，您可以触发一个或多个独立功能。

当您使用jQuery时，自定义事件非常简单。您使用触发器触发事件然后绑定以侦听它。 http://api.jquery.com/trigger/

div高度变化时发出警报

1 个答案: