事件的完整日历拖动手柄

Question

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

用例是

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

或

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

这样，事件就不会拖动，除非将鼠标悬停在特定句柄上。

我试图修改完整日历.js但无济于事，只会使 JavaScript 代码崩溃。

谢谢凯文

Answer 1

我似乎找到了一种方法来让它工作。

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

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

在完整的日历源中，找到函数 draggable*event，其中 * 是您希望具有拖动手柄的日历事件类型。（例如可拖动的日事件）

在用于绑定可拖动的代码中添加适当的"句柄"标签

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

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

我

用类".stops"对它进行了硬编码修改以供我使用，但这可以很容易地变成所有完整日历的另一个选项参数。