MOOTOOLS 가변 범위

Question

mootools를 사용하고 있습니다 : addEvent를 사용할 때 변수를 사용하는 방법을 알 수 없습니다.

나는 루프에서 값을 설정하기 위해 다음 루프를 사용하려면 :

for (x=0;x<num;x++){ 
var onclickText = 'function(){onclick="addPageMoveEvent('+x+'"); }'; 
$('pageNum'+x).addEvent('click', onclickText); 
} 

>

내가 검색 포럼을했지만 도움을 찾을 수 없습니다.

어떤 도움도 좋은 것입니다.

감사

Answer 1

경고 :이 첫 번째 예는 작동하지 않습니다! 설명을 읽으십시오.

MooTools addEvent과 함께 onclick HTML 구문을 혼동스럽게합니다. 시도해보십시오.

for (var x=0;x<num;x++){ 
    $('pageNum'+x).addEvent('click', 'addPageMoveEvent('+x+');'); 
} 

이것은 더 간단하고 깨끗하지만 여전히 원하는대로 할 수 없습니다. 이 코드는 링크가 클릭 될 때마다 addPageMoveEvent 함수를 호출합니다 ... 원하는 것을 원하는가? 것 같은 행동을 할

프로그램상에서 더 재미 있고 덜 위험한 방법 : Mootools의 위의 방법을 허용하지 않기 때문에

, 당신은 다음을 사용해야합니다

factory = function (x) { return function() { addPageMoveEvent(x); }; }; 
for (var x=0;x<num;x++){ 
    $('pageNum'+x).addEvent('click', factory(x)); 
} 

이 코드는 x 값을 보유하고있는 클로저를 만드는 팩토리를 사용합니다. 다소 복잡한 코드이지만 순수한 방식입니다. addEvent 문자열을 제공하기 때문에 발생하는 무서운 eval 사용을 피합니다. (Mootools의 어쨌든 다른 옵션을 좋아하지 않는 것 같다.)

는

Answer 2

Mootools의의 addEvent 방법은 두 개의 인수를 허용합니다

myElement.addEvent(type, fn); 

인수 :

• 유형 - (문자열) 접두사 'on'없이 모니터 할 이벤트 이름 ('click', 'load'등).
• fn - (function) 실행할 함수.

문자열을 전달하지 않고 "myFunction()" 또는 "function() { myFunction(); }"과 같은 문자열을 전달하는 기능이 작동하지 않습니다.

루프 안에 있고 변수 x이 환경을 공유하므로 다른 값으로 값을 래핑해야합니다.

$("pagenum" + x).addEvent("click", (function(value) { 
    return function() { addPageMoveEvent(value); } 
})(x)); 

루프 내에서 클로저를 만드는이 특정 문제에 대한 StackOverflow의 모든 questions를 참조하십시오 한 가지 방법은 추가 폐쇄를 사용하는 것입니다.Creating closures in loops: A common mistake

Answer 3

Mootools의에 대한 사용 사례가 법을 통과 그건 -

또한 체크 아웃은이 MDC 기사 가치가있다.

for (x=0;x<num;x++){ 
    $('pageNum'+x).addEvent('click', addPageMoveEvent.pass(x)); 
} 

패스는 내부적으로 자신의 범위에있는 X를 보유하고 클로저를 작성하므로 클릭 이벤트가 발생 될 때 올바른 값이 for 루프에서의 동일하지 원인이있다.