返回介绍

外部元素拖拽之dropAccept

发布于 2019-05-31 13:55:44 字数 825 浏览 1253 评论 0 收藏 0

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/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文