Jquery : 함수를 삽입하기위한 구문

Question

저는 베지에 패스 플러그인을 사용하여 애니메이션을 통합하려고하는데 제대로 구현할 수 없습니다. 나는 내가 가지고있는에이 코드 조각을 추가하기 위해 노력하고있어 그래서

$('#next2btn').live('click', function(){ 
     $(this).attr('id','next3btn'); 
     $('#content2').show(300, function() { 
      $('#account').fadeTo(500,1.0) 
      var arc_params = { 
       center: [278,120], 
       radius: 186, 
       start: -90, 
       end: 90, 
       dir: -1 
       }; 
      }); 
     $("#account").animate({path : new $.path.arc(arc_params)},1000); 
}); 

:

여기에 내가 가진 무엇을, 아래로 벗겨진

처럼 자체에서 작동

var arc_params = { 
       center: [278,120], 
       radius: 186, 
       start: -90, 
       end: 90, 
       dir: -1 
       }; 
     }); 
$("#account").animate({path : new $.path.arc(arc_params)},1000) 

다른 하나.

나는 변수를 선언하는 것과 그 일을하는 곳이라고 생각합니다.

필자는 버튼 클릭시 몇 가지 다른 애니메이션/동작을 본질적으로 연결합니다. 어떤 통찰, KJ는 그 자체로 작동하지 않습니다 게시 니펫을 ​​

Answer 1

에 대한

감사합니다; 구문 상 올바르지 않습니다 (일치하지 않음 )).

당신은 아마 원하는됩니다 :

이

$('#next2btn').live('click', function(){ 
    $(this).attr('id','next3btn'); 

    $('#content2').show(300, function() { 
     $('#account').fadeTo(500,1.0); 

     var arc_params = { 
       center: [278,120], 
       radius: 186, 
       start: -90, 
       end: 90, 
       dir: -1 
      }; 

     $("#account").animate({ 
      path : new $.path.arc(arc_params) 
     }, 1000); 
    }); 
}); 

(물론, equivilent 인

$('#next2btn').live('click', function(){ 
    $(this).attr('id','next3btn'); 

    $('#content2').show(300, function() { 
     $('#account').fadeTo(500,1.0); 

     $("#account").animate({ 
      path : new $.path.arc({ 
       center: [278,120], 
       radius: 186, 
       start: -90, 
       end: 90, 
       dir: -1 
      }) 
     }, 1000); 
    }); 
}); 

Answer 2

당신은 당신의 가정에 맞아 :) 수 있습니다. show의 콜백 함수 안에 arc_params을 선언하면이 코드는 함수 내부에서만 볼 수 있으며 코드 외부에서는 볼 수 없습니다. 함수 밖에서 선언하면 애니메이션 기능에서 볼 수 있습니다.

여기가, 다른 코드의 독립적 인 작동하는 방법의 간단한 예입니다 : 그들은 두 번째 예제에서 인라인 전송되는 arc_params``에 관해서 동등한 것

var a = "outside function"; 
function someFunction() { 
    var b = "inside function"; 
} 

alert(a); //alerts correctly 
alert(b); //gives error: 'b is not defined' (as it is not visible from outside the function