javascript - 背景位置变量不起作用

Question

你好，我正在尝试使用 jQuery 中的 .animate() 和 .hover() 方法使我的背景上下动画。在我的 DOM 中，我有一个 id="#menu"的 div，其中包含一个 UL 列表，每个列表在不同的 x 位置但具有相同的 y 位置。我的困境是出于某种原因我的变量不起作用。它返回为错误“无法读取空值的属性'1'。这意味着它不存在？

这是我的代码:

$("#menu li").hover(
 function () {
 var xPos = $(this).css('background-position-x')  
 $(this).animate({backgroundPosition: "("+ xPos + "0px)"}, 500); 

         }
 , 
 function () {
   var xPos = $(this).css('background-position-x')  
 $(this).stop().animate({backgroundPosition: xPos + "35px"}, 500); 

             }
);

Answer 1

我发现问题出在变量上，当我检查 alert(typeof xPos) 时，它返回未定义。我只需要将此答案转换为整数值。