Jak sprawić, aby FullCalendar działał na urządzeniach dotykowych? - jquery-mobile, kalendarz, fullcalendar

Szukałem kalendarza imprez przyjaznych tabletom, ale nie znalazłem żadnych odpowiednich. Ale FullCalendar to jedna z najlepszych wtyczek kalendarza jQuery, która wygląda świetnie na pulpicie i tablecie.

Ten kalendarz działa idealnie na pulpicie, alejeśli chodzi o tablet, nie mogę wybrać czasu rozpoczęcia i zakończenia zdarzenia, na podstawie dotknięcia i przesunięcia. Kiedy to zrobię, kalendarz zostanie przewinięty. Czy jest na to jakieś rozwiązanie? Szukałem rozwiązania w żyle.

Czy ktoś miał ten problem i czy go rozwiązałeś? Udostępnij metodę, jak ją rozwiązałeś. Każda pomoc jest doceniana.

Z góry dziękuję.

Odpowiedzi:

13 dla odpowiedzi nr 1

Próbowałeś w tym Jquery UI Touch Punch?

Domyślnie interfejs Jquery nie obsługuje TouchZdarzenia, ponieważ nie zostały zoptymalizowane dla urządzeń mobilnych. Touch Punch rozwiązał moje problemy z funkcjonalnościami Jquery UI Drag & Drop, które wydają się być również wykorzystywane przez FullCalendar.

Mam nadzieję, że to pomoże!

---

9 dla odpowiedzi nr 2

TO DZIAŁA

Użyłem tej wtyczki: jquery.ui.touch.js

dodaje obsługę Touch do kalendarza dla urządzeń z systemem iOS i Android

użyj tego, aby zainicjować swój kalendarz:

eventRender: function(event, element) {
$(element).addTouch();
}

---

2 dla odpowiedzi nr 3

Odkąd starałem się, aby to działało z jQueryUderzenie dotykowe interfejsu użytkownika i nie mogłem znaleźć żadnego pełnego kodu przykładowego, pomyślałem, że opublikowałem kod, którego użyłem do tworzenia i przeciągania zdarzeń na urządzeniach mobilnych:

UWAGA: Ten przykład wykorzystuje dziurkacz dotykowy jQuery UI.

$(document).ready(function() {

$("#calendar").fullCalendar({
...
eventAfterRender: function(event, element, view) {
element.draggable();
}
});

$(".fc-view tbody").draggable();
});

---

2 dla odpowiedzi № 4

Z najnowszymi Pełny kalendarz 2.7.1, dotyk jest Utrzymany. Możesz nawet ustawić opcje dla opóźnień prasy. Wystarczy spojrzeć na Dokumenty

---

1 dla odpowiedzi nr 5

Obsługa dotyku FullCalendar jest dostępna w wersji beta dla wersji v2.7.0 zgodnie z ten post na blogu FullCalendar.

---

1 dla odpowiedzi № 6

Użyłem tej wtyczki: jquery.ui.touch.js

Ten kod zadziałał dla mnie:

$("#calendar").fullCalendar({
[...]
});

$("#calendar").addTouch();

---