0

そのカレンダーの特定の時間にイベントがあるカレンダーが 1 つあります。

そのカレンダーのデザインでは、テーブルを使用しました。各 td は、特定のリソースの特定の時間を示します。

ここで、このカレンダーにドラッグ アンド ドロップ機能を追加して、ユーザーがドラッグ アンド ドロップでイベントのスケジュールを変更できるようにします。

JS ファイルは次のとおりです。

 - jQuery UI 1.8.11
 - jQuery JavaScript Library v1.4.1

ドラッグアンドドロップにこのコードを使用しています:

$(".event1").draggable();
$(".timetd").droppable({
        accept: '.event1',
        hoverClass: 'droppable-hover',
        drop: function(event, ui) {
           alert('yes');
        }
    });

しかし、これは機能していません。つまり、div をドラッグしても何も起こりません。

誰でも私を助けてもらえますか？

私のコードはこのフィドルのようなものです:

http://jsfiddle.net/mausami/xp786/

4

1 に答える 1

0

回答を更新

ここをチェックしてください、DEMO http://jsfiddle.net/yeyene/xp786/4/

※08:30の時間帯に立ち寄るようにしてください。

また、ドロップする.timetdクラスがまだないため、ドロップできません。

$(function() {
    $( ".event1" ).draggable();
    $( ".timetd b" ).droppable({
      accept: '.event1',
        drop: function (event, ui) {
            alert('yes');
        }
    });
});

ここに画像の説明を入力

于 2013-07-12T01:50:27.413 に答える