17

タブレット対応のイベントカレンダーを探していましたが、適当なものが見つかりませんでした。しかし、FullCalendarは、デスクトップやタブレットで見栄えのする最高の jQuery カレンダー プラグインの 1 つです。

このカレンダーはデスクトップでは完全に機能しますが、タブレットに関しては、タッチとスワイプに基づいてイベントの開始時刻と終了時刻を選択できません。これを行うと、カレンダーがスクロールされます。これに対する解決策はありますか？私は静脈内の解決策を探し回っています。

誰かがこの問題を抱えていて、それを解決しましたか? どのように解決したか、その方法を共有してください。どんな種類の助けも大歓迎です。

前もって感謝します。

4

7 に答える 7

15

Jquery UI Touch Punchを含めてみましたか?

デフォルトでは、Jquery UI はモバイル デバイス用に最適化されていないため、タッチ イベントをサポートしていません。Touch Punch は、FullCalendar でも使用されているように見える Jquery UI のドラッグ & ドロップ機能に関する問題を解決しました。

それが役に立てば幸い！

于 2012-05-31T12:09:09.370 に答える
2

これを jQuery UI タッチ パンチで動作させるのに苦労し、完全なサンプル コードが見つからなかったので、モバイル デバイスでイベントの作成とドラッグを行うために使用したコードを投稿することにしました。

注: この例では、jQuery UI タッチ パンチを使用しています。

$(document).ready(function() {

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

  $('.fc-view tbody').draggable();
});
于 2014-11-19T19:07:57.637 に答える
2

この FullCalendar ブログ投稿によると、FullCalendar タッチ サポートは v2.7.0 のベータ リリースで利用できます。

于 2016-03-28T23:26:14.693 に答える
1

このプラグインを使用しました：jquery.ui.touch.js

このコードでうまくいきました：

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

$('#calendar').addTouch();
于 2016-04-18T04:51:53.790 に答える