Faire datepicker live - JQuery

Je sais que lorsque vous créez un élément de manière dynamique, vous devez utiliser quelque chose comme:

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

Maintenant j'ai ceci:

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

Ma question est: comment puis-je faire de cette vivre de sorte qu'il peut interagir avec de créer dynamiquement des éléments.

Si vous souhaitez exécuter .datepicker({}) sur certains éléments, car ils sont chargés dynamiquement dans le DOM?

OriginalL'auteur craigtb | 2011-07-06

  1. 11

    Selon: Jquery .live fonctionne, mais pas avec .datepicker

    Cela devrait fonctionner:

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

    edit: Cette réponse est pour les anciennes versions de jQuery. Pour jQuery 1.9+ s'il vous plaît essayez de Vishal de réponse.

    a travaillé comme un charme. Merci!

    OriginalL'auteur daybreaker

  2. 19

    La solution retenue ne fonctionne pas avec le focus du clavier événements.. donc j'ai dû changer à cela:

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

    Dû changer .live à .on depuis jquery 1.9.1 ne comprend pas le .live méthode. Les travaux ci-dessus pour les événements de la souris ainsi que le clavier événements de focus.

    j'ai essayé ce seulement, mais sa me donne erreur qu'aucun datepicker méthode est là. Pouvez-vous m'aider
    la version de jQuery utilisez-vous?
    Et avez-vous d'inclure jQueryUI de la bibliothèque?
    je suis en utilisant la version 1.9.1. si j'écris $('#datepicker').datepicker();, il fonctionne très bien, mais si j'utilise la méthode click, dit-il aucune méthode n'est il datepicker
    Pouvez-vous s'il vous plaît créer une nouvelle question et de partager votre code?

    OriginalL'auteur Vishal

  3. 7

    Vous avez affaire à deux choses différentes. jQuery live est pour les cas de liaison, tandis datepicker n'est pas spécifiquement liée à un événement, mais plutôt juste ajoute des fonctionnalités à un élément à un moment dans le temps.

    La seule raison live travaille avec des événements, c'est que jQuery effectivement attache le gestionnaire d'événement à un élément ancêtre, et (grâce à la façon dont les événements de la bulle en javascript), l'ancêtre reçoit effectivement le cas et les délégués comme si elle venait de l'élément. Le principe est un peu compliqués, mais un long et court, il ne peut travailler avec des événements.

    Si vous souhaitez ajouter datepicker fonctionnalité, il suffit d'appeler la datepicker fonction sur le nouvel élément après sa création.

    merci.. a essayé de résoudre ce pour longtemps jusqu'à ce que je trouve votre réponse

    OriginalL'auteur Chris Pratt

  4. 0

    Je pense que plus la bonne solution est la suivante:

    $('input.datepickerClass').live('focus', function(){
    if (false == $(this).hasClass('hasDatepicker')) {
        $(this).datepicker({ options });
    }
});
    Veuillez éviter de code source uniquement réponses - expliquer ce que vous faites donc les lecteurs à comprendre ce que vous essayez de dire et pourquoi.

    OriginalL'auteur Alexander Kalenyuk