javascript - JQuery 添加数字值

Question

有人可以帮我调试一下吗？？？我真的不知道我的代码有什么问题...

我正在尝试将数字值添加到另一个数字值....但它没有像我预期的那样工作...相反它只是将数字作为字符串添加。

这是我的演示:(已经解决)

这是js代码:

$(document).ready(function(){
$("#map").click(function(e){
    var x = parseInt((e.pageX - this.offsetLeft)) - parseInt("140");
    var y = parseInt((e.pageY - this.offsetTop)) - parseInt("140");


  var coor = $("#map").css("background-position").split(" ");
  var cx = parseInt(coor[0].replace("px",""));
  var cy = parseInt(coor[1].replace("px",""));


    $("#map").stop().animate({"backgroundPosition": x+cx+" "+y+cy},"slow");
     alert("X:"+x+", CX: "+cx+"\n Y:"+y+", CY:"+cy+"\n Background-pos:"+$("#map").css("background-position"));

});
});

请告诉我它有什么问题...

Answer 1

将算术运算用括号 () 括起来。

$("#map").stop().animate({"backgroundPosition": (x+cx)+" "+(y+cy)},"slow");

否则，添加空格 字符串将强制 JS 将您的数字连接为字符串。

Fiddle example