Question

在anstosa对前一个coords问题的大力帮助后，我认为我最好开始一个新问题。

我遇到的问题是我正在设置onclick事件，并且活动事件的可能性由图像的坐标确定。但是，如果我调整浏览器窗口的大小，则coords会更改并且事件不起作用。它确实如此，但不是我想触发的地方。

有没有办法让固定参考起作用？

我的代码

//在悬停时更改地图

jQuery('#map').mousemove(function(e){
    var x = e.clientX - this.offsetLeft;
    var y = e.clientY - this.offsetTop;
    jQuery('#map-xy').html("X: " + x + " Y: " + y);
});

//Orange
jQuery('#map').on('click', function(e){
var x = e.clientX - this.offsetLeft,
    y = e.clientY - this.offsetTop;
if (x > 620 && x < 935 && y > 678 && y < 785) {
    jQuery(this).children('img').attr('src', '/javascripts/images/map-orange-  shadow.png');

}

}）;

当浏览器调整大小或者人具有不同的屏幕尺寸时，参考改变为“if（x> 620＆amp; x＆lt; 935＆amp; y＆gt;＆gt;＆gt;＆amp; y＆lt; 785）“没有引用我想点击的区域。

我希望这更有意义

由于

干杯劳伦斯

jQuery Coords随着浏览器/屏幕调整大小而改变

0 个答案: