2009-09-09 16 views
0

我正在實現頁面jQuery選項卡切換,從頁面上隱藏的div加載內容。在其中一個隱藏頁面上,我有一個日曆彈出窗口(jQuery.UI api的一部分,這個工作可以在它自己的頁面上找到,但是當我將它添加到一個隱藏的窗體中,然後將該窗體加載到可見窗口中時,日曆正確彈出我已經嘗試用活沒有運氣 - 這是對這些隱藏的div網頁等事件必然要素工作jquery選項卡和日曆沒有正確綁定

這裏是林的做一個樣本:

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

工作正常,它立即加載到可視窗口,但停止工作,當我選項卡到另一個頁面,然後製表符回頁面的頁面...

+0

這些標籤式內容已經加載,或者您在更改標籤頁時是否按需定製? – yoda 2009-09-09 21:29:36

+0

它們已加載到頁面加載 – BandsOnABudget 2009-09-09 22:12:10

回答

0

我做了同樣的事情,但我沒有使用JQuery UI切換它。相反,我做了一個基本的表演/隱藏。

It can be seen here

這是我使用了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被裝載在頁面加載。