Machen datepicker-live - JQuery

Ich weiß, wenn Sie ein element erstellen, die dynamisch sind, haben Sie etwas verwenden wie:

$("#id").live("click", function() {
    //something
});

Jetzt habe ich dieses:

$('#tdInput1').datepicker({
    inline: true
});

Meine Frage ist: wie Mach ich das live so kann es die Interaktion mit dynamisch erstellten Elementen.

  • So, die Sie ausführen möchten .datepicker({}) auf bestimmte Elemente, wie Sie sind dynamisch in das DOM geladen?
InformationsquelleAutor craigtb | 2011-07-06
  1. 11

    Laut: Jquery .live funktioniert aber nicht mit .datepicker

    Sollte dies funktionieren:

    $("#tdInput1").live("click", function(){
    $(this).datepicker({ 
        inline: true 
    });
});

    edit: Diese Antwort ist für ältere Versionen von jQuery. Für jQuery 1.9+ bitte versuchen Sie Vishal Antwort.

    • arbeitete wie ein Charme. Danke!
    InformationsquelleAutor daybreaker
  2. 19

    Die akzeptierte Lösung wird nicht funktionieren mit den Tastatur-Fokus-Veranstaltungen.. also ich hatte zu ändern, um diese:

    $('.parent').on('focusin', '.datepicker', function(e) {
    $(this).datepicker(options);
});

    Ändern musste .live zu .on da jquery 1.9.1 nicht die .live Methode. Die oben genannten arbeiten für die Maus-Ereignisse sowie den Tastatur-Fokus-Ereignisse.

    • ich habe versucht, diese nur, aber sein gibt mir eine Fehlermeldung, dass kein datepicker-Methode ist es. Können Sie mir helfen
    • welche version von jQuery benutzt du?
    • Und haben Sie include jQueryUI - Bibliothek?
    • ich bin mit version 1.9.1. wenn ich Schreibe $('#datepicker').datepicker();, es funktioniert gut, aber wenn ich auf click-Methode, Sie sagt Nein-Methode ist es datepicker
    • Sie können erstellen Sie bitte eine neue Frage, und teilen Sie Ihren code?
    InformationsquelleAutor Vishal
  3. 7

    Du hast es mit zwei verschiedenen Dinge. jQuery live ist für die Veranstaltung verbindlich, während datepicker ist nicht spezifisch gebunden an ein Ereignis, sondern einfach fügt Funktionalität, um ein element zu einem Zeitpunkt.

    Der einzige Grund live arbeitet mit events ist, dass jQuery tatsächlich legt der event-handler zu einem übergeordneten element, und (Dank der Art und Weise Ereignisse, sprudeln in javascript), die Vorfahren tatsächlich erhält die Veranstaltung und die Delegierten, als ob es kam aus dem element. Das Prinzip ist kompliziert, aber lang und kurz, es konnte nur funktionieren mit events.

    Wenn Sie hinzufügen möchten datepicker-Funktionalität, rufen Sie einfach die datepicker - Funktion auf das neue element, nachdem es erstellt wurde.

    • danke.. habe schon versucht das zu lösen, dieses für lange bis ich deine Antwort gefunden
    InformationsquelleAutor Chris Pratt
  4. 0

    Ich denke, dass mehr die richtige Lösung ist:

    $('input.datepickerClass').live('focus', function(){
    if (false == $(this).hasClass('hasDatepicker')) {
        $(this).datepicker({ options });
    }
});
    • Bitte vermeiden Sie den source-code nur Antworten - erklären Sie, was Sie tun, damit die Leser verstehen, was man sagen will, und warum.
    InformationsquelleAutor Alexander Kalenyuk
Schreibe einen Kommentar