I’ve got it to bind to the lightbox’d inputs on the first appearance of the lightbox, but it’s not working afterwards.
I’m doing the following:
$(function() {
$('.jQueryCalendar').live('click', function () {
$(this).datepicker({showOn: 'both'}).focus();
});
});
When the lightbox closes, I’m re-appending it’s content to the page (in order to not lose the content div), and this seems to be killing the live() call. [NB the re-appending takes place after the original content is destroyed]
EDIT
Ok, the live() event IS firing (thanks to Nick Craver for that), however the datepicker is no longer being shown. Does anyone have an idea why?
EDIT #2
Ok, the use of .html() to re-append causes the events to need rebinding, but the element to bind still has the class hasDatepicker, which messes with the datepicker() initialisation.
To fix, simply user
$(this).removeClass('hasDatepicker') .datepicker({showOn: 'both'}).focus();