jQuery nach Rückruf einfügen?

Question

Dies funktioniert nicht:

$block.insertAfter(form); 

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

aber dies tut:

$block.insertAfter(form); 

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

datetime() ist ein Plugin, das ich mit mit Klasse date zu einem Eingangselement bin Befestigung. Offensichtlich funktioniert # 1 nicht, da dieses Element im DOM immer noch nicht verfügbar ist und 1 Sekunde warten. Aber es ist hacky. Wie kann ich jQuery so erweitern, dass ein Rückruf für die Methode insertAfter() oder auf andere Weise akzeptiert wird?

Answer 1

Wickeln Sie den Code in das Dokument-ready Beschwörung:

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

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

Und stellen Sie sicher, dass dies der Fall ist nach der Datetime-Bibliothek geladen wird. Das heißt, dieses <script> Etikett sollte nach dem <script src="datetime.js"> sein. Und stellen Sie sicher, dass das Attribut async nicht auf die <script> Tags gesetzt ist.