jquery 도움말 (css() 및 animate())

Question

이 탐색 시스템,

xxxx xxxx는 uri를 기반으로 활성 클래스를 가져오고 해당 활성을 기반으로 배경 이미지가 어떤 페이지가 활성화되어 있는지 보여주기 위해 이동하지만 이것은 CSS 만 사용할 때만 작동합니다. 함수 jquery 링크 그래서,

if($("#mainnav li:eq(0)").hasClass('active')) 
{ 
    $("#progress").css({backgroundPosition: '-883px 0px'}) 
} 

if($("#mainnav li:eq(1)").hasClass('active')) 
{ 
    alert("hello"); 
    $("#progress").css({backgroundPosition: '-783px 0px'}) 
} 

if($("#mainnav li:eq(2)").hasClass('active')) 
{ 
    $("#progress").css({backgroundPosition: '-702px 0px'}) 
} 

if($("#mainnav li:eq(3)").hasClass('active')) 
{ 
    $("#progress").css({backgroundPosition: '-567px 0px'}) 
} 

내가 사용하는 경우,

if($("#mainnav li:eq(0)").hasClass('active')) 
{ 
    $("#progress").animate({backgroundPosition: '-883px 0px'}) 
} 

if($("#mainnav li:eq(1)").hasClass('active')) 
{ 
    alert("hello"); 
    $("#progress").animate({backgroundPosition: '-783px 0px'}) 
} 

if($("#mainnav li:eq(2)").hasClass('active')) 
{ 
    $("#progress").animate({backgroundPosition: '-702px 0px'}) 
} 

if($("#mainnav li:eq(3)").hasClass('active')) 
{ 
    $("#progress").animate({backgroundPosition: '-567px 0px'}) 
} 

그럼 아무 일도 일어나지 않고 내 background-position은 왜 0px 0px입니까?

Answer 1

배경 위치는 jQuery의 핵심 애니메이션 기능에 내장되어 있지 않습니다. 당신은 배경 위치에 플러그인을 추가 할 수 있습니다

$("#progress").css({'background-position': '-883px 0px'}); 

:이 라인의 각각에 대해

http://plugins.jquery.com/project/backgroundPosition-Effect

Answer 2

예를 들어, 'background-position'에 backgroundPosition 변경