2013-03-04 27 views
1

當我嘗試在移動設備上使用eventclick時,它始終會觸發dayClick事件而不是eventclick。我想:fullCalendar eventClickClick on mobile

$('.fc-event').live("click", function() { 
    alert("you just clicked"); 
}); 

eventClick: function (date, jsEvent, view) { 
      alert('you just clicked'); 
} 

它的作品在我的電腦正常,但手機似乎總是火dayClick和永不EventClick。即使當我把選擇:假仍然激發了dayClick事件。我應該從fullcalendar.min.js中刪除哪些行以刪除所有dayClick事件..至少我認爲這是我的案例中最優化(也許是唯一的)解決方案,因爲我不需要dayClick所有

由於事先

回答

2
$('.fc-event').live("click", function() { 
    alert("you just clicked"); 
}); 

上面的代碼不支持按文檔。確保從代碼庫中刪除它。

對於天點擊事件單擊以文檔

eventClick:function(calEvent, jsEvent, view) { 
    alert("clicked on event"); 
}, 
dayClick: function(date, allDay, jsEvent, view) { 
    alert("clicked on day"); 
} 

中規定必須使用另外,還要確保在fullcalendar函數內包裝如下

$('#calendar').fullCalendar({ 
    eventClick: function(calEvent, jsEvent, view) { 

     alert('Event: ' + calEvent.title); 
     alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY); 
     alert('View: ' + view.name); 

     // change the border color just for fun 
     $(this).css('border-color', 'red'); 

    }, 
    dayClick: function(date, allDay, jsEvent, view) { 
     alert("clicked on day"); 
    } 
}); 

閱讀documentation。我也用它爲我的jQuery Mobile項目,它工作正常。

+0

這個完美的作品在我的電腦,但只有激發我的手機上dayclick。這可能是因爲我正在使用Windows Phone進行測試。我會在今天晚些時候在Android設備上測試這個功能,並保持發佈。感謝您的快速回復 – Utarehpson 2013-03-04 09:45:21

+0

是的,可能是Win Phone的問題。我已經在iOS和Android(iPad,iPhone,Android平板電腦,Nexus S)上測試過它的正常工作。 – 2013-03-04 09:46:13

+0

btw我希望你沒有使用'(document).ready(function(){});'而不是你使用'pageshow'或'pagecreate'事件,如http://api.jquerymobile.com/pageshow/ 。 – 2013-03-04 09:48:57

0

使用eventAfterRender附加單擊事件。它的工作爲我們在iOS

eventAfterRender: function(calEvent, element, view) 
 
      { 
 
       $(element).click(function(){ 
 
        alert('clicked!!'); 
 
      });