だから、私はこのようなテンプレートdivを持っています:
<div class='container'>
<div class='mybox invisible' id='template'>
<span>some stuff</span>
<div>test</div>
</div>
</div>
そこで、クローンを作成して、それに基づいてアイテムを作成したいと思います。
new_item = $('#template').clone()
$(new_item).removeClass('invisible').attr('id','some_crap').appendTo('.container')
それは美しく動作します。ただし、このコードをDOCUMENT READYで実行すると(一部のアイテムをプリロードするため)、すべてがインラインで表示されます。hiddenadded(.mybox divとそのすべての子)。
今のところ私の回避策は、アイテムをdom readyにプリロードする代わりに、1秒待つことです。
setTimeout (->
preloadOffices()
), 1000
(はい、コーヒースクリプト)
それでうまくいくようですが、もっとエレガントな解決策があるのではないかと思います。