2010-05-26 9 views
1

J'essaie d'ajouter deux fichiers jquery plugins à mon application. Lorsqu'un utilisateur déclenche mon événement ajax, le serveur renverra du texte avec un bouton de formulaire. Les plugins (un calendrier jquery) fonctionneront lorsque l'utilisateur cliquera sur le bouton de formulaire à l'intérieur du texte renvoyé. Je crois que je dois ajouter le lien dans le texte de retour au lieu de la page principale pour laisser fonctionner le code, mais je ne sais pas comment faire cela. Je donne mon code et j'ai besoin de vos opinions d'experts. Merci.Ajouter un lien jquery au texte retourné

Ma page html

//required jquery plugins ...didn't work if I add them in the main application. 

<script type="text/javascript" src="JS/date.js"></script> 
<script type="text/javascript" src="JS/datePicker.js"></script> 
<script type="text/javascript" src="JS/selectWeek.js"></script> 

<div id="gameInfo"> 

//return text will be displayed here. 

</div> 

Mon texte retourné ... partie ....

<form> 
<div id=returnDiv> 

// the form input will be added here when a user clicks #addMatch button... 

</div> 

<tr> 
<td><input type="button" id="addMatch" name="addMatch" value="Add Match"/> </td> 
</tr> 
</form>      

Mon jquery

$("#addMatch").live('click', function(){ 

//the code below will create a calendar when a user click the link...I am not sure //where I should add my two jquery plugins link... 
    $("#returnDiv").html("<td><input type='text' size='6' class='date-pick dp-applied'"+ "name='date'><a style='color:white;' class='dp-choose-date' title='Choose Date'"+ "href='#'>Date</a></td>";  

    return false; 
}); 

J'espère que je l'ai expliqué ma question bien. +1 à toute réponse ...: D

+1

vous avez un html malformé ... et pouvons-nous voir le jQuery pour le lien qui crée un calendrier .... – Reigel

+0

Je n'affiche qu'une partie de mon html. Le fichier jquery plugins est très très long. Je ne pense pas pouvoir les afficher tous. – FlyingCat

+0

Si quelqu'un est intéressé par les plugins, j'utilise celui-ci ... http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/ – FlyingCat

Répondre

2

Jerry utiliser le Jquery UI datepicker. C'est bien documenté et facile à utiliser.

+0

Ty. Je travaille dessus maintenant. Je reviendrai à vous si j'ai des questions. – FlyingCat

2

Vous semblez avoir un div qui sera peuplé par Ajax avec une entrée qui lancera un calendrier? Vous pouvez configurer le plugin de calendrier sur le rappel Ajax. .live fonctionne pour les événements, mais plus est nécessaire pour configurer les datpickers. Si vous faites vos entrées une classe particulière (comme 'datepicker') dans votre rappel Ajax, vous pouvez faire: $ ('. Datepicker'). Datepicker(); - Hein?

+0

Ty Dan. J'ai déjà essayé Jquery UL et ça a bien marché! Merci pour le conseil. – FlyingCat

Questions connexes