感谢我在这里收到的建议,我清理了我的代码,现在我正在使用纯 jQuery。我对在这里找到的脚本进行了轻微的编辑,我得到了这个:
window.onload = function(){
var tooltip = $( '<div id="tooltip">' ).appendTo( 'body' )[0];
$( 'img' ).
each(function () {
var pos = $( this ).position(),
top = pos.top,
left = pos.left,
width = $( this ).width(),
height = $( this ).height();
$( this ).
mousemove(function ( e ) {
var x = e.pageX - left,
y = e.pageY - top;
$( tooltip ).text( 'x = ' + x + ', y = ' + y ).css({
left: e.clientX + 10,
top: e.clientY + 10
}).show();
}).
mouseleave(function () {
$( tooltip ).hide();
});
});
};
我有一个问题:我尝试将我的代码行更改为:
$( tooltip ).text( 'x = ' + x + '<br/> y = ' + y ).css({
但它不起作用。我没有打破界限,而是得到了这个: