2015-04-06 44 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」和滾動一點下來的例子。