将 jquery 链接添加到返回的文本

Question

我正在尝试将两个 jquery 插件文件添加到我的应用程序中。当用户触发我的 ajax 事件时，服务器将返回带有表单按钮的文本。当用户单击返回的文本内的表单按钮时，插件（一个 jquery 日历）将起作用。我相信我必须在返回文本而不是主页中添加链接才能让代码工作，但不知道如何做到这一点。我正在给出我的代码，需要您的专家意见。谢谢。

我的主页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>

我返回的文本......其中的一部分......

<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>                     

我的 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;
});

我希望我能很好地解释我的问题。 +1 任何回复...：D

Answer 1

杰瑞使用Jquery UI datepicker。它具有良好的文档记录且易于使用。

Answer 2

听起来您有一个由 Ajax 填充的 div，其输入会触发日历？您可以在 Ajax 回调上设置日历插件。 .live 适用于事件，但设置日期选择器需要更多。如果你在你的 Ajax 回调中输入一个特定的类（比如 'datepicker' ），你可以这样做： $('.datepicker').datepicker(); - 嗯？