处理fullcalendar中的单击和双击事件

Question

我正在使用fullcalendar并且单击到特定的日历日它应该触发单击事件并且双击它应该触发双击事件。但是当我点击第一次它没有响应和单/双时页面加载点击不正常。

/* config object */
            $scope.uiConfig = {
              calendar:{
                height: 450,
                editable: false,
                    defaultView: 'month',
                    columnFormat: {
                        month: 'ddd',
                        week: 'ddd dd/MM',
                        day: 'dddd M/d'
                    },
                buttonText: {
                        month: "Mois",
                        week: "Semaine",
                        day: "Jour",
                        today:"aujourd'hui",
                },
                eventClick: $scope.alertEventOnClick,
              }
            };


$scope.alertEventOnClick = function(calEvent, jsEvent, view) {


                $("#onClick").click(function (e) {
                    var $this = $(this);
                    if ($this.hasClass('clicked')){
                        $this.removeClass('clicked'); 

                         //perform double-click action  
                    }else{
                         $this.addClass('clicked');
                         setTimeout(function() { 
                             if ($this.hasClass('clicked')){
                                 $this.removeClass('clicked'); 

                                  //perform single-click action    
                             }
                         },10);          
                    }
                });

        };

Answer 1

使用fullCalendar eventRender回调附加您自己的活动。

例如：

$('#calendar').fullCalendar({
    //events: [
        //....
    //],
    eventRender: function(event, element) {
         $(element).on({
             click: function() {
                 // Handle click...
             },
             dblclick: function() {
                 // Handle double click...
             }
         });
    }
});