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

Jerry使用Jquery UI datepicker。它文档清晰，易于使用。

Answer 2

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

添加jquery链接到返回的文本

2 个答案: