Question

我正在实现一个页面jquery选项卡切换，用于从页面上的隐藏div加载内容。在其中一个隐藏的页面上我有一个日历弹出窗口（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：

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

由于在pageLoad上加载了DatePicker，因此不需要

.live或.bind。

Jquery标签＆amp;日历没有正确绑定

1 个答案: