jquery에서 클릭 애니메이션 반복하기

-1

애니메이션이있는 상태에서 jquery를 사용하여 텍스트를 표시하고 있습니다. 문제는 애니메이션 효과가 상태가 처음 클릭되었을 때만 실행되고 두 번째로 실행되지 않는다는 것입니다. 코드는 다음과 같습니다 :jquery에서 클릭 애니메이션 반복하기

$("#maharashtra").live("click",function(){ 

    $("#mainbg").hide(); 
    $("#divmaha").animate({left:"700px"}); 
    $("#divmaha").show() ; 
    $("#divguj").hide(); 
    $("#divgoa").hide(); 
    $("#divkerala").hide(); 
    $("#divassam").hide(); 
    $("#divmeghalaya").hide(); 
    $("#divarunachal").hide(); 

    $("#divmizoram").hide(); 
    $("#divkarnataka").hide(); 
    $("#divandhra").hide(); 
    $("#divtamilnadu").hide(); 
    $("#divraj").hide(); 
    $("#divjammu").hide(); 
    $("#divuttaranchal").hide(); 
    $("#divhp").hide(); 
    $("#divharyana").hide(); 
    $("#divpunjab").hide(); 
    $("#divdelhi").hide(); 
    $("#divmadhya").hide(); 
    $("#divjharkhand").hide(); 
    $("#divchattisgarh").hide(); 
    $("#divup").hide(); 
    $("#divorissa").hide(); 
    $("#divbihar").hide(); 
    $("#divwestbengal").hide(); 
    $("#divsikkim").hide(); 
    $("#divtripura").hide(); 
    $("#divnagaland").hide(); 

});

출처

2014-04-30 adi

이 어느 체인 당신의 선택기를, 내 눈을 다치거나 당신이 바이올린을하시기 바랍니다 만들 수 –

을 숨길 수있는 모든 요소에 공통 클래스를 추가? – Wanderer

holy f ** ing'hide()'chain –

애니메이션이 이미 수행 되었기 때문입니다. 이제 '재설정'버튼을 소개하고 애니메이션의 모든 항목을 역으로 추가하여 원래 위치로 되돌립니다. 이제 다시 애니메이션 버튼을 클릭하면 애니메이션이 재생됩니다.

Btw,이 코드를 압축 할 수 있습니다. 선택자를 결합하고 쉼표로 구분하십시오. 당신은 내가 다른 당신이 애니메이션을 재설정하지 수 있다는 추측이 전체 코드를 제공 havent 한 이후

출처

2014-04-30 11:49:53 mehulmpt

봅니다

$("#maharashtra").on("click",function(){ });

에 그것을 확인합니다. 모든 물건을 숨기고 .. 두 번째 클릭하기 전에 숨겨진 모든 복용량을 보여주고 있습니다.?

출처

2014-04-30 11:50:14

그러면 아무런 차이가 없게됩니다. – laaposto

애니메이션을 재설정하지 않기 때문일 수 있습니다. –

애니메이션은 첫 번째 클릭에서 수행되기 때문에. 이 시도. 당신은 그 문제가 무엇인지 알게 될 것입니다.

 $("#maharashtra").live("click",function(){ 
     reset(); 
$("#mainbg").hide(); 
$("#divmaha").animate({left:"+=700px"}); 
$("#divmaha").show() ; 


}); 
function reset() 
    { 
      //reset your element to original position here and then you dont need write +=700px you can simply write left:"700px" 
    }

원할 경우 각 요소에서 요소를 왼쪽으로 700px만큼 왼쪽으로 가져옵니다. 바이올린 : http://jsfiddle.net/chetandoke/QwWUn/

출처

2014-04-30 11:58:48 Chetan

jquery에서 클릭 애니메이션 반복하기

답변

관련 문제