2013-11-15 4 views
2

У меня есть плагин jqery datepicker, привязанный к любым элементам с классом = "datepicker".Twitter Bootstrap 3 Modal и jQuery Selectors

$(".datepicker").datepicker(); 

Я загрузка формы с:

<button type="button" class="btn btn-xs pull-right" data-toggle="modal" data-target="##modal" href="profile/eventnew"><i class="icon-plus"></i></button> 

В форме, загружающая У меня есть поле с class='datepicker', однако он не получает подобран DatePicker плагина, как элемент не был там, где был выполнен $(".datepicker").datepicker();.

Я знаю, что с событиями я могу использовать метод jquery .on() для привязки к загруженным элементам ajax, но здесь нет события.

Как связать что-то вроде $(".datepicker").datepicker(); с загруженными элементами Ajax?

Большое спасибо

+2

Поскольку вы запускаете плагин это должно быть сделано после того, как целевые элементы загружаются в йот ... нет делегированы инициализации плагинов !! ! Я думаю, что вы можете посмотреть показанное событие из модели начальной загрузки –

+0

Откуда берется 'datepicker'? У него может быть вариант делегирования. Также 'data-target = '## modal''? Два символа хэша/фунта? – Phil

ответ

0

попробовать:

$('#myModal').on('shown.bs.modal', function() { 
    $(".datepicker").datepicker(); 
}) 
+0

Сделал трюк отлично. Благодаря! – Jason