コールバック後のjQuery挿入？

Question

これは動作しません：

$block.insertAfter(form); 

$('.date', $block).datetime({ 
    userLang: 'en', 
    americanMode: true 
}); 

が、これはありません：

$block.insertAfter(form); 

window.setTimeout(function() { 
    $('.date', $block).datetime({ 
     userLang: 'en', 
     americanMode: true 
    }); 
}, 1000); 

datetime()は、私はクラスdateとして入力要素にアタッチしていますプラグインです。明らかに＃1は動作しません。その要素はまだDOMで利用できないため、1秒待ってから動作します。しかしそれはハッキーです。 insertAfter()メソッドまたは別の方法でコールバックを受け入れるようにjQueryを拡張するにはどうすればよいですか？

Answer 1

文書対応呪文でコードをラップ：

$(function() { 
    $block.insertAfter(form); 

    $('.date', $block).datetime({ 
     userLang: 'en', 
     americanMode: true 
    }); 
}); 

そして、これが後の日時のライブラリがロードされて発生することを確認してください。つまり、この<script>タグは<script src="datetime.js">の後にする必要があります。 <script>タグにasync属性が設定されていないことを確認してください。