2015-04-06 45 views
1
我选择了天(在fullcalendar)之后,我有2个与 fiddle

逻辑展现引导酥料饼作用异常

  1. 这里显示我popovers奇怪的问题

    和酥料饼的节目,我再次点击一天隐藏popover,然后我再次点击,在同一天再次显示,但没有popover !.这是我点击后显示,隐藏,然后单击以再次显示我有问题。

  2. 当我点击一天内的eventLimitClick事件(4月20日在小提琴),然后点击一天(4月20日)。弹出窗口隐藏后,我点击一天,但没有显示任何popover像今天应该。

这是一些逻辑,但请参阅上面的小提琴链接的工作代码。

var $calPopOver; 

$('#fullcalendar').fullCalendar({ 
    header: { 
    left: 'prev,next', //today', 
    center: 'title', 
    right: '' 
    }, 
    defaultView: 'month', 
    editable: true, 
    allDaySlot: false, 
    selectable: true, 
    eventLimit: 1, 
    events: function(start, end, timezone, callback) { 
    $.ajax({ 
     url: '/ManageSpaces/GetDiaryEvents/', 
     dataType: 'json', 
     data: { 
     start: start.format(), 
     end: end.format(), 
     id: $("#HiddenYogaSpaceId").val() 
     }, 
     success: function(doc) { 
     var events = []; 
     $(doc).each(function() { 
      events.push({ 
      title: "1 Event", //$(this).attr('title'), 
      start: $(this).attr('start') // will be parsed 
      }); 
     }); 
     callback(events); 
     } 
    }); 
    }, 

    eventLimitText: function(numberOfEvents) { 
    return numberOfEvents + " Events"; 
    }, 

    eventLimitClick: function(cellInfo, jsEvent) { 
    $(cellInfo.dayEl).popover({ 
     html: true, 
     placement: 'bottom', 
     container: 'body', 
     title: function() { 
     return $("#events-popover-head").html(); 
     }, 
     content: function() { 
     return $("#events-popover-content").html(); 
     } 
    }); 

    //$(cellInfo.dayEl).popover('toggle'); 
    if ($calPopOver) { 
     $calPopOver.popover('destroy'); 
    } 
    $calPopOver = $(cellInfo.dayEl).popover('show'); 
    }, 
    eventClick: function(calEvent, jsEvent, view) { //function (data, event, view) { 
    //var s = cellInfo.segs; 
    $("#eventDetails.collapse").collapse('toggle'); 

    if ($calPopOver) 
     $calPopOver.popover('destroy'); 
    }, 
    dayClick: function(data, event, view) { 
    $dayClickedDate = data.format(); 
    $(this).popover({ 
     html: true, 
     placement: 'bottom', 
     container: 'body', 
     title: function() { 
     return $("#day-popover-head").html(); 
     }, 
     content: function() { 
     return $("#day-popover-content").html(); 
     } 
    }); 

    //$(this).popover('toggle'); 
    if ($calPopOver) { 
     $calPopOver.popover('destroy'); 
    } 
    $calPopOver = $(this).popover('show'); 
    } 
}); 
+0

这实际上只是一个调试我的代码问题。你最好自己做。 – Cthulhu

+0

也许你可以给我一个指针来做到这一点?从我的逻辑来看,你可以看到的事件,我正在销毁,然后显示popover,所以我不知道为什么在我调用something.popover('show')后popover没有显示。我将如何调试这样的问题?在浏览器或其他方式的开发工具? – user1186050

回答

0

也许你可以看看这些引导示例。如果您可以设法获得这些示例的副本,那么复制和粘贴方案IMO很简单。

http://getbootstrap.com/javascript/

搜索此页面上的“Popovers popover.js”和滚动一点下来的例子。