用于事件的完整日历拖动句柄

Question

我正在寻找一种方法来实现一个jquery ui，比如在完整日历中的单个事件上拖动句柄。

用例

$("#calendar").fullCalendar({
    //the normal parameters here
    eventsDragHandle: "someClass"
});

或

$("#calendar").fullCalendar({
   //the normal parameters here
   eventHasDragHandle: true
});

这样，除非特定句柄被盯上，否则事件不会拖动。

我试图修改fullcalendar.js无济于事，只是崩溃了javascript代码。

谢谢， 凯文

Answer 1

我似乎找到了让它发挥作用的方法。

在eventRender标记中实例化fullCalendar时，添加将成为事件元素拖动句柄的html。

eventRender: function(event, element, view)
{
    var theHtml = "<div class='stops'>X</div>";
    $(element).append(theHtml);
}

在完整的日历源中，找到draggable函数* Event其中*是您想要拖动句柄的日历事件的类型。 （例如draggableDayEvent）

在绑定draggable的代码中添加适当的'handle'标记

eventElement.draggable({
   handle: ".stops",
   //etc...
});

这样做的原因是因为eventRender发生在绘制元素并且可拖动关联之前，因此在绑定可拖动事件之前会附加句柄的html。

我的硬编码用“.stops”类修改了它，但我可以很容易地将其转换为所有完整日历的另一个选项参数。