Jquery вкладки и календарь не привязаны должным образом

Question

Я реализую переключатель вкладки jQuery страницы, который загружает содержимое из скрытых div на странице. на одной из скрытых страниц у меня есть всплывающее окно календаря (часть API jQuery.UI. Это работает найти на его собственной странице, но когда я добавляю его в скрытый блок, а затем загружаю этот блок в видимое окно, я теряю возможность для календарь, чтобы всплывающее окно правильно. Я пытался использовать жить без удачи - он работал для других элементов, связанных с событиями на этих скрытых страницах 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 для его переключения. Вместо этого я сделал основное шоу / скрыть.

Это можно увидеть здесь

Это jQuery, который я использовал:

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

.live или же .bind не должен быть необходим, так как DatePicker загружен на pageLoad.