Jquery 탭 및 캘린더가 제대로 바인딩되지 않았습니다.

Question

페이지의 숨겨진 div에서 콘텐츠를로드하는 페이지 jquery 탭 토글을 구현하고 있습니다. 숨겨진 페이지 중 하나에서 캘린더 팝업 (jQuery.UI API의 일부입니다.이 작품은 자신의 페이지를 찾을 수 있지만 숨겨진 블록에 추가 한 다음 해당 블록을 보이는 윈도우에로드하면 달력이 제대로 팝업하는 내가 시도했습니다 운없이 라이브 사용 -는 이러한 숨겨진 DIV 페이지에 다른 이벤트 바인딩 요소 일 것 여기

가 뭘 메신저의 샘플입니다.

$(".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'}); 
}); 

. 각 페이지로드에 대해 경고가 발생하지만 캘린더가 일정에 리바운드되지 않습니다.

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

페이지에서 잘 작동합니다. 페이지가 즉시 표시되는 창으로로드되지만 다른 페이지로 이동 한 다음 탭으로 돌아 가면 작동이 중지됩니다.

Answer 1

동일한 작업을 수행했지만 Jquery UI를 사용하지 않았습니다. 그것을 토글합니다. 대신 나는 기본적인 쇼/숨기기를 만들었습니다.

It can be seen here

이 내가 사용하는 jQuery를은 : DatePicker에서이 pageLoad에로드되어 있기 때문에

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

.live 또는 .bind이 필요하지 않아야합니다.