0

ブラウザ ウィンドウの左側に、マウスの Y 位置を追跡してマウスを追跡する小さなバーを作成したいと思います。これまでのところ、問題はありません。

しかし、マウスがdivの上に置かれたときにdivがオフセットするのを止めて、divが明らかにしたコンテンツをクリックできるようにしたいと思います。

私は自分自身を明確にするためにフィドルを作りました

http://jsfiddle.net/UXWp6/

 <html>
        <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script>
        $(document).bind('mousemove', function(e){
        $('#blokje').offset({top: e.pageY-100}); });

        </script>
<style>
#blokje{width:200px; height:200px; background:white; position:relative; left:-180px; color:black; }
#blokje:hover{left:0;}
#blokje #tit{position:absolute; width:30px; height:200px; background:black; right:0; top:0; }
</style>
     </head>
        <body>
            <div id="blokje">
            <div id="tit">&nbsp</div>
                <p><a href="#">A link</a><br /> This is the content where I would like to have my content clickable like that link on top </p>
            </div>
        </body>
    </html>​
4

1 に答える 1

1

実際にイベントを何度もバインドおよびバインド解除する代わりに。ドキュメントがそれを認識しないように、おそらく伝播を停止するだけです。

$(function(){
    $(document).bind('mousemove', function(e){
        $('#blokje').offset({top: e.pageY-100}); 
    });

    $('#blokje').bind('mousemove', function(e){
        e.stopPropagation();
    });
});

フィドラー

于 2012-08-04T20:16:06.937 に答える