Question

所以在之前的一个问题中，我无法让Jquery Mousemove功能在我所拥有的14列960网格系统中处理这些div的这些工具提示。现在他们在某种程度上工作了。它们只会跟随我的鼠标，就像第7列或第8列（宽度）一样。如果您一直向右滚动其他div的右侧，则工具提示会在某个点停止。不确定是什么阻止它一直跟踪它....这是JSFiddle上的链接： http://jsfiddle.net/penrysh/eoL1qqf9/

这是jquery：

$(document).ready(function(){
$('.tooltip').mouseover(function(e){

if( $(this).attr('data-tip-type') == 'text' ){
$('#tooltip_container').html( $(this).attr('data-tip-source') );        
} // this section grabs and shows the plain text tool-tip  typles

if( $(this).attr('data-tip-type') == 'html' ){
var elementToGet = '#'+ $(this).attr('data-tip-source');
var newHTML = $(elementToGet).html();

$('#tooltip_container').html(newHTML);
} // this section grabs and shows the tool-tips that are HTML and can be formatted and are in divs at bottom on index page
}).mousemove(function(e){

var toolTipWidth = $('#tooltip_container').outerWidth();
var toolTipHeight = $('#tooltip_container').outerHeight();

var pageWidth = $('body').width();
if ( e.pageX > pageWidth/2) {
$('#tooltip_container').css('left',(e,pageX-toolTipWidth+20)+'px'); // takes tooltip width and subtract from pageX position                                      so it will always be offset from the cursor based on the tooltip itself
}else{
$('#tooltip_container').css('left',(e.pageX-20)+'px'); // Determines where courser is and subtracts 20pxs from it
}

$('#tooltip_container').css('top',(e.pageY+20)+'px'); // Determines where courser is and subtracts 20pxs from it

}).mouseout(function(e){
});

}); // end ready

Answer 1

改变这个：

$('#tooltip_container').css('left',(e,pageX-toolTipWidth+20)+'px');

到此：

$('#tooltip_container').css('left',(e.pageX-toolTipWidth+20)+'px');

Jquery Tooltip mousemove事件不跟随鼠标到所有Div

1 个答案: