引導3酥料餅滾動不起作用

HTML引導3酥料餅滾動不起作用

<div class="pop-div"> 
    <a href="#" data-toggle="popover" title="<strong>Notifiche</strong>" data-html="true" data-content="Notification 1<hr />Notification 2<hr />Notification 3 <hr />Notification 4">Notifications</a> 
    </div>

JAVASCRIPT

$('[data-toggle="popover"]').popover({placement: 'bottom'}); 

     //hide popover when click outside 
     $('body').on('click', function (e) { 
      $('[data-toggle="popover"]').each(function() { 
       if ($(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { 
        $(this).popover('hide'); 
       } 
      }); 
     });

CSS

.pop-div .popover-content { 
height: 50px; 
overflow-y: scroll;

}

我有這個酥料餅在上面的代碼。我試圖在彈出窗口內容的左邊顯示一個滾動條，但是這段代碼不起作用。任何幫助將不勝感激。謝謝！

來源

2014-01-29 Valentino S.

這是因爲你的CSS聲明是錯誤的。 >http://jsfiddle.net/tv5Vu/

- 在這種情況下 .pop-div是unnessecary，你只需要

.popover-content { 
    height: 50px; 
    overflow-y: scroll; 
}

看到小提琴

.pop-div, .popover-content {

不

.pop-div .popover-content {

：你應該用逗號,的選擇分離

來源

2014-01-29 14:29:11 davidkonrad

是的，你好。但是現在我又犯了一個錯誤：在我的頁面中，我有兩個用同樣方式定義的popovers。當我點擊其中一個，然後點擊第二個，第一個popover隱藏，並且一切正常。但是當我再次點擊第一個popover時，它似乎無法正常工作。鼠標不能點擊滾動，並且彈出窗口中的鏈接無法正常工作。我認爲瀏覽器正在打開上次打開的popover，即使它是隱藏的。任何建議？ –

就像我想的那樣，瀏覽器會打開最後一次關閉的popover，即使它被隱藏了，只有在第一次popover之後，第二次之後，最後再次打開之後。所以，鼠標不能點擊滾動條，並且彈出窗口中的鏈接不能正常工作。如果您有任何建議，我會很高興。 –

@ user84151，嘿 - 是的，但是你有代碼示例嗎？這是popover常見的問題。我記得，也許你可以找到答案，它已經回答了很多次。但如果你在你的問題中增加一個例子，或者更好的話，請高興地提出一個新問題。 – davidkonrad

引導3酥料餅滾動不起作用

回答

相關問題