Jquery .live funktioniert aber nicht mit .datepicker

Dank für das schauen, alle aufrichtig hilfreiche Antworten-up-gewählt.
Ich habe einige Felder für datumseingaben, die sind da, wenn die Seite geladen wird und ein Haufen, bekommen dynamisch generiert. Anstelle von aufrufen .datepicker() dieser Klasse auf, jedes mal, wenn eine neue Instanz erzeugt wird, bin ich mit .live, aber es scheint nicht zu funktionieren. Irgendeine Idee warum?

$("input[name=myfav]").live("click", function(){
    $(this).datepicker({ 
        /* some options here */ 
    });
});

Sollte ich noch erwähnen, es funktioniert einwandfrei mit autocomplete zum Beispiel. 

$("input[name=mytwo]").live("click", function(){
    $(this).autocomplete("somefile.php");
});
InformationsquelleAutor Chris | 2009-10-18
  1. 26

    Hier ist ein Artikel über das datepicker mit dem .live-event in jQuery:

    http://www.vancelucas.com/blog/jquery-ui-datepicker-with-ajax-and-livequery/

    Das problem, dass der Datepicker funktioniert durch die Bindung an die focus () - Ereignis standardmäßig, aber jQuery 1.3.2, die 'focus' - Ereignis kann nicht überwacht werden, indem die 'live' - Ereignis-Funktion.

    Ist hier der work-around von der Website::

    <script type="text/javascript">
$(function(){
    $('input.calendarSelectDate').live('click', function() {
        $(this).datepicker({showOn:'focus'}).focus();
    });
});
</script>

    EDIT: Diese Problemumgehung ist nicht mehr erforderlich, als jQuery-1.4.1+ unterstützt nun die Schärfe und Unschärfe Ereignisse für live - (). (Dank @Chris S)

    • Danke für die Antwort. Ich wusste, es war plugin verwandt, da die anderen plugins funktionieren. Das verdeutlicht es.
    • +1, die Sie gerade gespeichert haben mir eine Menge Zeit.
    • Lief in das gleiche problem. Ein weiterer Teil dieser Arbeit war für uns, machen Sie sicher, dass jeder datepicker-input hatte eine eindeutige ID. Ansonsten, zumindest in Google Chrome können Sie in einem der Eingänge und erhalten Sie einen datepicker, aber es würde tatsächlich ändern Sie das Datum in der ersten mit dieser ID. (Natürlich, semantisch, IDs sollten immer eindeutig sein, aber das war der Fehler.)
    • Ich hatte immer noch Mühe, das datepicker zu schließen, nachdem Sie Sie auswählen. Versucht, bewegt den Fokus zum nächsten Eingang, aber es würde nicht funktionieren. So, onClose, Zerstöre ich den datepicker, klicken Sie dann auf auf, ich re-bind. Eine Art hack, aber es funktioniert für mich für jetzt.
    InformationsquelleAutor Espo
  2. 7

    Dies ist, was ich am Ende mit. Es nutzt die Vorteile der live und focus in neueren jQuery

    $.datepicker.setDefaults({ dateFormat: 'yy-mm-dd', ... });
$('input.date').live('focus', function() {
    $(this).datepicker().datepicker('show');
    true;
});
    InformationsquelleAutor fringd
  3. 4

    Erwähnenswert, dass jQuery-1.4.1+ unterstützt nun die Schärfe und Unschärfe Ereignisse für live - (), also ist der workaround, zwar cool, ist nicht mehr erforderlich - das orignal poster-version funktioniert!

    • Es hat nicht ganz für mich arbeiten, aber $(".Datum").live("focus",function() { $(this).datepicker({ dateFormat: 'dd/mm/yy' }) }); haben
    InformationsquelleAutor Chris S
  4. 0

    Update : Wie von jQuery 1.7, die .live () - Methode ist deprecated. 1.7 Verwenden .auf() anfügen von Ereignishandlern. Referenz : http://api.jquery.com/live/

    InformationsquelleAutor Anoop Pete
Schreibe einen Kommentar