0

私はjcropを使用しており、最後に付けています

また、id="photoCropContainer" を使用して最初の div にクリック イベントを関連付けています。

    <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" へのクリック イベントの伝播を停止する方法はありますか?

どうも

4

1 に答える 1

0

通常、次のように stopPropagation イベントをクリックに追加することで伝播を停止できます。

$("#clickyclicky").on('click', function(event){
      event.stopPropagation(); //this should stop the click from propagating.
      //do other stuff here                      
});
于 2012-09-18T08:15:37.533 に答える