1

私は次のようなHTML構造を持っています：

<div class="container">
    <div id="bg">   
        <img src="#"/>
        <div id="screen">
         <img src="#" id="draggable"/>
        </div>
    </div>   

</div>

「bg」divは「screen」divの上にあります（これにはz-indexプロパティを使用します）。「bg」divをクリックしたときに画面div内の画像をドラッグしたいと思います。

私はそうすることができますが、問題は私がエラーを受け取っていることです：Uncaught RangeError: Maximum call stack size exceeded。

トリガーを使って「bg」から「screen」に渡すクリックイベントが原因だと思います。「screen」に渡したイベントが「bg」で再び発生するのを防ぐにはどうすればよいですか。

明確にするために、ここに私のコードのJSFiddleがあります：ここをクリックしてください

4

1 に答える 1

2

jsFiddleが機能しているので、問題はすでに解決されていると思います。他の人に説明します。この質問を解決済みとしてマークします。イベントバブリングの再発を防ぐために、外に
移動するだけです。div#screendiv#bg

注：混乱を防ぐために、リンクを公開した後にリンクの内容を更新しないでください。

于 2012-11-18T23:45:15.413 に答える