JCrop +防止点击传播

Question

我正在使用jcrop并将其附加到最后一个

我还有一个点击事件附加到第一个div，id =“photoCropContainer”

    <div id="photoCropContainer">
      <div id="croppingControls">
        <div id="croppingBackgroundContainer">
          <img src="../../images/cropping-default.jpg" id="croppingBackgroundDefault" alt="Pre Cropping Background Default">
        </div>
      </div>

      <div id="cropBoxWrapper"><img src="../../images/cropping-default.jpg" id="cropBox" alt="Photo Crop Box"/></div>
    </div>

* 此配置的原因是允许用户在未加载jcrop时单击主div，并在加载jcrop时显示此内容，以便他们可以上载和裁剪不同的内容图像。

我唯一的问题是当有人使用Jcrop时会触发第一个div id =“photoCropContainer”。

有没有办法可以阻止从id =“cropBox”传播到id =“photoCropContainer”的点击事件？

THX

Answer 1

通常，您可以通过将stopPropagation事件添加到点击中来停止传播：

$("#clickyclicky").on('click', function(event){
      event.stopPropagation(); //this should stop the click from propagating.
      //do other stuff here                      
});