0

日历页面：

$(document).delegate('#ViewOrders', 'pageinit', function () {
   var ordersSource, calendar;
   var ordersParams = new Object();
   var tonnageParams = new Object();
   if (parseInt($("#ddlRooms").val()) > 0) {
       tonnageParams.RoomId = $("#ddlRooms").val();
   }

   $.post('/AdminPages/Mobile/Ajax/Ajax.ashx?p=GetTonnage', tonnageParams, function (data) {
       ordersSource = data;

       setTimeout(function () {
           calendar = $("#calendar").fullCalendar({
              header: {
                   left: 'prev,next today',
                   center: '',
                   right: 'title'
               },
               isRTL: false,
               theme: true,
               selectable: true,
               select: function (start, end, allDay) {
                   ordersParams.Start = getDateString(start);
                   ordersParams.End = getDateString(end);

                   if ($("#ddlRooms").val() > 0) {
                       ordersParams.RoomId = $("#ddlRooms").val();
                   }
                   else {
                       delete ordersParams.RoomId;
                   }

                   $.mobile.changePage("ShowOrders.aspx", { data: ordersParams, transition: 'slide', rel: 'dialog' });
                calendar.fullCalendar('destroy');
               },
               events: ordersSource
           });
       }, 500);
   });

   $("#ddlRooms").change(function () {
       var elem = $(this);

       calendar.fullCalendar('removeEventSource', ordersSource);
       tonnageParams = new Object();

       if (parseInt(elem.val()) > 0) {
           tonnageParams.RoomId = elem.val();
       }

       $.post('/AdminPages/Mobile/Ajax/Ajax.ashx?p=GetTonnage', tonnageParams, function (data) {
           ordersSource = data;
           calendar.fullCalendar('addEventSource', ordersSource);
       });
    }); 
 });

结果页面：

$(document).delegate('#ViewOrders', 'pageinit', function () {
$("#btnBack").click(function () {
    var id = $(this).data('backid');
    $.mobile.changePage("ViewOrders.aspx", { data: { RoomId: id }, reloadPage: true, transition: 'slide', reverse: true });
});
});

（脚本位于一个文件中，并在应用程序生命周期开始时上传，不加载任何页面。）

我想做的是有一个带有日历的页面。选择日期时，用户会使用所选日期参数转到另一个日期。在第二页上，他看到了该日期的订单。它还有一个返回日历的按钮。我的问题是，当他返回选择“ddlRooms”的日历更改事件时，“帖子”出现了两次。我试图这样做：

$("#ddlRooms").unbind('change').change(function () {
...
});

但用户界面然后选择无法正常工作。

4

1 回答 1

1

事件绑定/取消绑定和开/关有一个替代方法。甚至在再次绑定之前取消绑定，使用 jQuery 事件过滤器，它可以用来识别事件是否已经被绑定。

http://www.codenothing.com/archives/2009/event-filter/

这是我的使用示例：

$('#carousel div:Event(!click)').each(function(){

});

我正在使用每个，因为我的轮播 div 有很多内部块，但原理是相同的。如果#carousel 内部 div 元素没有点击事件，则添加该事件。在您的情况下，这将防止多个事件绑定（如果这是您的问题）。

于 2012-12-11T13:17:45.320 回答