Добавить jquery ссылку на возвращаемый текст - PullRequest
1 голос
/ 26 мая 2010

Я пытаюсь добавить два файла jquery plugins в мое приложение. Когда пользователь запускает мое событие 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

Ответы [ 2 ]

2 голосов
/ 26 мая 2010

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

2 голосов
/ 26 мая 2010

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...