外部元素拖拽之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/