8

http://page-test.co.uk/cal/ - FullCalendar デモ

これは基本的な jQuery FullCalendar セットアップであり、タッチ デバイスでのサポートを可能にする関連エクストラを備えています。

リンク先のページに含まれるファイルはすべてデフォルトのものです。

デモは非タッチ デバイスでは完全に動作しますが、タッチ デバイスでは苦労します。

主にiPhone / iPadでテストします（他のタッチデバイスはほぼ同じです）、1つのアイテムがドラッグされると、別のアイテムはドラッグできません。したがって、任意のアイテムをドラッグできますが、他のアイテムはロックされています。

重要なポイント:

  • ビュー (月/週など) を変更すると、すべてを再びドラッグできるようになります

  • 最初に別の要素をタップ/タッチすると、それをドラッグできますが、他の要素は最初にタッチするまでドラッグできません。

  • BlackBerry Playbook では、実際には少し異なる動作をします。別の要素をドラッグすると (通常は何も起こりません)、PlayBook では何もしないように見えます (画面上で指をスワイプすると)。ドラッグ可能な要素を選択してから、選択を解除します。その後、その要素をドラッグすると、正常に機能します。

  • デバイスの向きを変更すると、ページ上のすべての要素が即座にロックされ、ビューを月/週に変更するか、要素に一度タッチする必要があります。

これは1行の修正であるに違いありませんが、何時間も費やしましたが、何もすることができません.

iPad/iPhoneで動作させたいだけです。

マウスアップ/タッチエンドが何かをトリガーしていないか、最初のドラッグ後にタッチスタートイベントが削除されたようですが、問題を解決できません。

4

2 に答える 2

1

イベントのドラッグにタッチ パンチを使用し、eventRender にコードを追加します。

$.support.touch = 'ontouchend' in document;

if ($.support.touch) {  
     $(element).draggable();
}

daycells にタッチ機能を追加するには、別のタッチ js ファイルを使用します: https://github.com/joshgerdes/jquery.ui.touch および dayRender に cell.addTouch() を追加します。

数日以内に、カレンダーにも表示されます (Fullcalendar に基づく)

http://codecanyon.net/user/wolberspl/portfolio?ref=wolberspl

于 2015-08-21T17:41:24.630 に答える