Scriptalicious - появляется на динамически созданный элемент

Question

Я новичок в Prototype (я использовал jQuery в течение многих лет), и я пытаюсь угаснуть элемент, который был вставлен в DOM с помощью запроса ajax.

Я попытался следующие:

$('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 задержкой

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

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

Scriptaculous также добавляет некоторые из методов Effect непосредственно к элементу, так что вы можете запускать их как этот

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

Список методов добавляется к элементам http://madrobby.github.io/scriptaculous/effect-methods/