1

写真に添付されているハイパーリンクにカーソルを合わせると、divにページを読み込むようになりましたが、写真が表示可能な画面領域に近すぎると、divが切り取られ、スクロールして表示する必要があります。div全体が表示可能領域内に表示されるようにdivをオフセットするにはどうすればよいですか？また、マウスが写真を横切って移動すると、divがマウスと一緒に移動することを期待していましたが、これは発生していません。

<script type="text/javascript">
var mouseX;
var mouseY;
$(document).mousemove( function(e) {
mouseX = e.pageX; 
mouseY = e.pageY;
});  
$(".ttip").mouseover(function(){
$('#meminfotip').css({'top':mouseY,'left':mouseX}).show().load('blah.php?id='+this.id);
});

$('.ttip').mouseout(function(){
$('#meminfotip').hide();
});
</script>

<a class="ttip" id="1" href="blahh.php?id=1>"><img src="images/blah.jpg" /></a>

<div id="meminfotip" style="display:none;z-index:999999;position:absolute;"></div>
4

1 に答える 1

1

jquery UI positionメソッドを使用できます。

$('.ttip').mousemove(function (ev) {
 $("#meminfotip").position({
    my: "left bottom",
    of: ev,
    offset: "3 -3",
    collision: "fit"
  });
});
于 2012-09-06T20:09:20.847 に答える