1

午前 8 時から午後 5 時までのタイム スロット (カレンダーの日ビュー) のテーブルがあり、1 時間に 1 行あります。特定のイベントのタイムスロットの上にいくつかのイベントを重ねています。イベントは基本的に、テーブルの上に絶対配置された div です。午後 1 時から午後 3 時までのイベントが、午後 1 時スロットから午後 3 時スロットにまたがるのに十分な高さになるように、イベント div を配置して適切なサイズにすることができます。

私の問題は、このイベント div をサイズ変更可能にしたいということです。だから私はjqueryコードを使用します：

$('.event').resizable(
{
    'handles': 'n,s'
});

私がする必要があるのは、リサイザーがドラッグされたときにイベントがカバーしているタイムスロットを把握することです。したがって、イベント div の上部を午後 1 時のスロットから午前 9 時のスロットにドラッグすると、ユーザーがリサイザーのドラッグを停止したときに、午前 9 時のスロット要素を取得できる必要があります。イベントのサイズが変更されるタイムスロット行を確認するにはどうすればよいですか?

4

1 に答える 1

0

スロットの高さが固定の場合、イベントの位置と高さを使用して、イベントがまたがるスロットを決定できます。このようなもの：

http://jsfiddle.net/2YBxP/1/

于 2011-05-26T03:35:06.627 に答える