jquery - 如何禁用拖动但仍在全日历上显示工具提示

Question

我的代码是这样的:

eventMouseover: function(calEvent, jsEvent)
{
     xOffset = 0;
     yOffset = 0;
     tiptext = "";
     var view = $('#calendar').fullCalendar('getView');
     if (view.name == 'month')
     {
        if (tiptext)
        {
           tiptext = "<strong>" + calEvent.title + "</strong>" + "<br>" + tiptext;
           $("body").append("<p id='tooltip'>" + tiptext + "</p>");
           $("#tooltip")
              .css("z-index", 91000)
              .css("position", "absolute")
              .css("top", ($(this).offset().top + $(this).outerHeight() + yOffset) + "px")
              .css("left", ($(this).offset().left + xOffset) + "px")
              .fadeIn(400);
        }
     }
  },
  eventMouseout: function(calEvent, jsEvent)
  {
     $("#tooltip").remove();
  },

在我的事件渲染器上:

if(calEvent.title == "Holiday")
{
   element.draggable = false;
}

我有一个工具提示来描述假期事件， 工具提示工作正常，但是如果我将可拖动设置为 false，工具提示将不再显示。 即使将 Draggable 设置为 false，我仍然可以显示我的工具提示吗？

Answer 1

您正在手动禁用假日事件的可拖动性。而是使用 editable事件选项。在定义事件时定义它，例如:

events: [{
    start: moment(),
    title: "Holiday",
    editable: true,
},],

或者将其添加到 eventDataTransform 内回调:

eventDataTransform: function(eventData){
    if(eventData.title === "Holiday")
        eventData.editable = false;
    return eventData;
},

此选项应禁用拖动(和调整大小)而不删除工具提示功能。

JSFiddle Demo