Les onglets et le calendrier de Jquery ne sont pas correctement liés

Question

J'implémente un onglet de jquery de page qui charge le contenu des divs cachés sur la page. Sur l'une des pages cachées, j'ai un calendrier popup (partie de l'API jQuery.UI.Ce travail trouve sur sa propre page, mais quand je l'ajoute à un bloc caché, puis charger ce bloc dans la fenêtre visible, je perds la capacité de le calendrier pour faire apparaître correctement je l'ai essayé à l'aide en direct sans chance - il a travaillé pour d'autres événements éléments liés à ces pages div cachées

est un échantillon ici de ce im faire.

$(".tab-toggle").live("click",function() { 
    alert("test"); 
    $(".calendar-class").datepicker({showOn: 'both', buttonImage: 'images/icon-calendar2.gif', buttonImageOnly: false, changeMonth: true, changeYear: true, yearRange: '2009:2015'}); 
}); 

le. les incendies d'alerte sur chaque pageload mais le calendrier n'est pas en cours de rebond à un événement

$(".calendar-class").datepicker({showOn: 'both', buttonImage: 'images/icon-calendar2.gif', buttonImageOnly: false, changeMonth: true, changeYear: true, yearRange: '2009:2015'}); 

fonctionne très bien dans les pages où il se charge immédiatement dans la fenêtre visible, mais cesse de fonctionner lorsque je tabule sur une autre page, puis tabulation arrière ...

Answer 1

J'ai fait la même chose, mais je n'ai pas utilisé l'interface utilisateur Jquery bascule-le. Au lieu de cela, j'ai fait un show/hide de base.

It can be seen here

C'est le jQuery je:

$("#changeSortCal").click(function(){ 
    $("#search_choose_cal").hide(); 
    $(".calendarContainer").slideDown('slow'); 
}); 
$(".calendar-close-button").click(function(){ 
    $(".calendarContainer").hide(); 
    $("#search_choose_cal").slideDown('slow'); 
}); 

.live ou .bind ne devrait pas être nécessaire puisque le DatePicker est chargé sur pageLoad.