在Angular-UI日曆​​中引導3 Popover

Question

我正在使用Angular-UI Calendar指令和Bootstrap 3 popover嘗試在單擊時創建彈出窗口。我試着用了一天的點擊事件：

$scope.dayClick = function(event, allDay, jsEvent, view){ 
    jsEvent.stopPropagation(); 
    jsEvent.preventDefault(); 
    var eventID = event.getDate(); 
    eventID = jsEvent.target; 
    $(eventID).popover({ 
     html: true, 
     title: 'Hello', 
     placement: 'bottom', 
     content: '<button id="close-me">Close Me!</button>' 
    }).parent().delegate('button#close-me', 'click', function() { 
     jsEvent.stopPropagation(); 
     $(eventID).popover('hide'); 
     return false; 
    }); 

    $(eventID).popover('show'); 
    }; 

用這種方式的問題在於它會導致日曆細胞推到右邊，有時或複製。有沒有更好的方法可以將彈出窗口附加到現有的日曆上？

Answer 1

您是否試圖在單擊任何一天時創建彈出窗口？ 如果是，那麼dayClick是popover的正確方法。

你可以創建一個Plunk來提供更多的細節。

我認爲這個問題可能是由於CSS。