jquery에서 onclick을 사용하여 mouseenter를 변경하는 방법

Question

사용자가 캘린더의 날짜에 마우스로 이동할 때 항목을 표시 할 수있는이 작은 스크립트가 있습니다. 나는이 온 클릭 기능에 그것을 설정 변경하려는하지만 난 그 작업을 수행하는 방법에 대한 아무 생각이 없다 :

// Customisation Variables 
       /** The CSS class which will be assigned to the Event Calendar */ 
       calendarClass: 'hasEventCalendar', 
       /** The CSS class which will be assigned to day when the day contains a entry */ 
       dayEventClass: 'ui-state-active hasEvent', 
       /** The standard options to send to the datepicker */ 
       datepickerOptions: { 
        firstDay: 1 /* Monday */ 
       }, 
       /** Whether or not to disable the datepicker date selection click */ 
       disableClick: true, 
       /** 
       * The domEvents option contains all the events which you would like to assign to a $day 
       * 
       * It will send the following arguments back to you: 
       * - domEvent 
       * - details 
       * 
       * The details of the details argument contains the following: 
       * - {Number} year 
       * - {Number} month 
       * - {Number} day 
       * - {String} date 
       * - {Array} dayEntries 
       * - {Array} monthEntries 
       * - {Element} datepicker 
       */ 
       domEvents: { 
        mouseenter: function(domEvent, details) { 
         // Prepare 
         var $day = $(this), 
          dayEntries = details.dayEntries; 
         // Output 
         $.each(dayEntries,function(i,entry){ 
          $eventsInfo.append(
           '<p>'+ 
            '<strong>'+entry.title+'</strong> <br/>'+ 
            '<em>'+entry.start.toLocaleDateString()+'</em>'+ 
            '<br>'+entry.text+''+ 
           '</p>' 
          ); 
         }); 
        }, 
        mouseleave: function(domEvent, details) { 
         // Clear 
         $eventsInfo.empty(); 
        } 
       } 

는 어떻게 수정할 수 :

이 코드의 부분입니다?

Answer 1

변경과 같이 onclick-domEvents의 mouseenter 속성 : 그것은 일을 doen't

// Customisation Variables 
       /** The CSS class which will be assigned to the Event Calendar */ 
       calendarClass: 'hasEventCalendar', 
       /** The CSS class which will be assigned to day when the day contains a entry */ 
       dayEventClass: 'ui-state-active hasEvent', 
       /** The standard options to send to the datepicker */ 
       datepickerOptions: { 
        firstDay: 1 /* Monday */ 
       }, 
       /** Whether or not to disable the datepicker date selection click */ 
       disableClick: true, 
       /** 
       * The domEvents option contains all the events which you would like to assign to a $day 
       * 
       * It will send the following arguments back to you: 
       * - domEvent 
       * - details 
       * 
       * The details of the details argument contains the following: 
       * - {Number} year 
       * - {Number} month 
       * - {Number} day 
       * - {String} date 
       * - {Array} dayEntries 
       * - {Array} monthEntries 
       * - {Element} datepicker 
       */ 
       domEvents: { 
        onclick: function(domEvent, details) { 
         // Prepare 
         var $day = $(this), 
          dayEntries = details.dayEntries; 
         // Output 
         $.each(dayEntries,function(i,entry){ 
          $eventsInfo.append(
           '<p>'+ 
            '<strong>'+entry.title+'</strong> <br/>'+ 
            '<em>'+entry.start.toLocaleDateString()+'</em>'+ 
            '<br>'+entry.text+''+ 
           '</p>' 
          ); 
         }); 
        }, 
        mouseleave: function(domEvent, details) { 
         // Clear 
         $eventsInfo.empty(); 
        } 
       }