外部元素拖拽之dropAccept

优质
小牛编辑
129浏览
2023-12-01

dropAccept 提供了一种方法来判断哪些元素可以拖拽到日程表上,值为字符串或者函数,默认值为“*”。

默认情况下,将 FullCalendar 的 droppable 设置为 true,日程表接受所有“可拖拽元素”。dropAccept 属性让 FulLCalendar 更加有选择性的接受“可拖拽元素”。

dropAccept 的值可以是一个 jQuery 选择器字符串。也可以是一个函数,接受“可拖拽元素”作为参数,返回true表示可以插入到日程表。下面的例子中,第一个元素(id是“draggable1”)可以被拖拽到 FullCalendar 上,第二个(id是“draggable2”)不可以。

...
<div id='calendar'></div>

<div id='draggable1' class='cool-event'></div>
<div id='draggable2'></div>
...

下面是js代码:

$('#calendar').fullCalendar({
    droppable: true,
    dropAccept: '.cool-event',
    drop: function() {
        alert('dropped!');
    }
});

$('#draggable1').draggable();
$('#draggable2').draggable();

官方英文文档:http://arshaw.com/fullcalendar/docs/dropping/dropAccept/