当我们在另一个div上盘旋时,我想让隐藏的div出现并移动。
我的代码工作,但它不移动,因为鼠标移动到div!这是有意义的,因为我使用悬停!我该如何解决这个问题?
$('#questionMarkId').hide();
$('a').hover(function(e){
e.preventDefault();
$('#questionMarkId').css( 'position', 'absolute' );
$('#questionMarkId').css( 'top', e.pageY );
$('#questionMarkId').css( 'left', e.pageX );
$('#questionMarkId').show();
},function(){
$('#questionMarkId').hide();
})
谢谢
发布于 2014-03-28 17:45:29
jQuery悬停使用两个事件,鼠标中心和鼠标保存。
你需要的是摩丝!
$('#questionMarkId').hide();
$('a').css("display", "inline-block").hover(function(e){
e.preventDefault();
$('#questionMarkId').css( 'position', 'absolute' );
$('#questionMarkId').show();
},function(){
$('#questionMarkId').hide();
}).on("mousemove", function(e) {
$('#questionMarkId').css( 'top', e.pageY + 10 );
$('#questionMarkId').css( 'left', e.pageX + 10 );
});
PS:我已经把“显示:内联块”,因为你需要使用块锚,如果没有,div只会显示当你的鼠标移动准确的字母,而不是所有的块空间。
发布于 2014-03-28 17:48:10
你可以试试这样的东西。这是一个小提琴
$('#questionMarkId').hide();
$('a').hover(function(e){
$('#questionMarkId').show();
},function(){
$('#questionMarkId').hide();
}).mousemove(function(e){
$('#questionMarkId').css( 'position', 'relative' );
$('#questionMarkId').css( 'top', e.pageY );
$('#questionMarkId').css( 'left', e.pageX );
});
https://stackoverflow.com/questions/22725904
复制