全日曆拖動事件的句柄

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); 
} 

在全歷源，查找功能可拖動*事件，其中*是你想有一個拖動手柄上的日曆事件的類型。 （如draggableDayEvent）

在結合拖動添加相應的「手柄」標籤的代碼

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

這部作品的原因是因爲eventRender發生繪製之前的元素和拖動相關聯，所以在可拖動事件綁定之前，句柄的html會被附加。

我的硬代碼修改了類「.stops」用於我的用途，但是這可以很容易地變成所有完整日曆的另一個選項參數。