Фоновая позиция Переменная не работает

Question

Привет, я пытаюсь сделать мой фон анимированным вверх и вниз с использованием методов .animate() и .hover() в jQuery. В моем DOM у меня есть div с id = "# menu", который содержит список 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

Вы можете попробовать это может быть помочь вам

Собственно значение по умолчанию:. 0% 0% В Css свойства фона

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

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

      } 
); 

Answer 2

я выяснил, что проблема с переменной, когда проверяю lert (typeof xPos) возвращается как неопределенное. Мне нужно преобразовать этот ответ только в целочисленное значение.