2010-05-26 4 views
1

Я пытаюсь добавить два файла плагинов jquery в мое приложение. Когда пользователь запускает мое событие ajax, сервер возвращает текст с помощью кнопки формы. Плагины (календарь jquery) будут работать, когда пользователь нажимает кнопку формы внутри возвращаемого текста. Я считаю, что мне нужно добавить ссылку внутри возвращаемого текста вместо главной страницы, чтобы код работал, но не уверен, как это сделать. Я выдаю свой код и нуждаюсь в мнениях экспертов. Благодарю.Добавить 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

+1

у вас есть неправильный html ... и мы можем увидеть jQuery для ссылки, которая создает календарь .... – Reigel

+0

Я показываю только часть своего html. Файл jquery plugins очень длинный. не думаю, что я смогу отобразить их все. – FlyingCat

+0

Если кто-то заинтересован в плагинах, я использую этот ... http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/ – FlyingCat

ответ

2

Джерри использует Jquery UI datepicker. Он хорошо документирован и прост в использовании.

+0

Ty. Сейчас я работаю над этим. вернется к вам, если у меня возникнут вопросы. – FlyingCat

2

Похоже, у вас есть div, заполняемый Ajax с помощью ввода, который будет запускать календарь? Вы можете настроить плагин календаря на обратном вызове Ajax. .live работает для событий, но требуется больше для настройки datepickers. Если вы сделаете свои входы определенным классом (например, «datepicker») в своем обратном вызове Ajax, вы можете сделать: $ ('. Datepicker'). Datepicker(); - А?

+0

Ty Dan. Я уже пробовал JQuery UL, и он отлично работал! Спасибо за совет. – FlyingCat

Смежные вопросы