javascript - CSS使不同级别的div。

我有一个基本上由盒子制成的网站，您可以单击该盒子，它会展开，如果再次单击该盒子，它将恢复为原始大小。这是通过以下方式完成的：

$container.on(
  "click",
  ".resultLike",
  function(event){
    $('.resultLike').html("liked");
  }
);

不，在该框内有一个名为resultLike的div，当您单击它时，它还会调用一个函数，但问题是该框关闭了。我想知道是否可以做一些CSS魔术来改变它。

我尝试将z-index设置为高于框的数字。徒劳无功。

谢谢！

最佳答案

您需要使用e.stopPropagation()停止传播：http://jsfiddle.net/WouterJ/MVNTW/1/