Scriptalicious - 동적으로 생성 된 요소에 나타납니다

Question

저는 Prototype에 익숙하지 않았습니다. (나는 jQuery를 수년간 사용해 왔지만) ajax 요청을 통해 DOM에 삽입 된 요소를 희미하게 사용하려고합니다.

나는 다음 시도했다 :

$('element').insert({ 
    bottom: '<div id="element2" style="display:none;">Test</div>' 
}); 

new Effect.Appear('element2', { duration: 0.25 }); 

요소가 성공적으로 삽입되지만 숨겨진 남아있다.

Answer 1

이 피들에 따르면 http://jsfiddle.net/8KA6u/에 따라 작동하지만 경쟁 조건이있을 수 있습니다. setTimeout() 0 지연에 포장하여 이벤트 루프의 다음 실행에 나타나지 실행 해보십시오 script.aculo.us의이 직접 요소에 효과 몇 가지 방법을 추가

$('element').insert({ 
    bottom: '<div id="element2" style="display:none;">Test</div>' 
}); 

setTimeout(function(){ 
    new Effect.Appear('element2', { duration: 0.25 }); 
},0); 

당신이

처럼 그들을 실행할 수 있도록 방법

setTimeout(function(){ 
    $('element2').appear({duration:0.25}); 
},0); 

목록 http://madrobby.github.io/scriptaculous/effect-methods/