Javascript 引导弹出/点击弹出

Javascript 引导弹出/点击弹出,javascript,twitter-bootstrap,popover,jsfiddle,Javascript,Twitter Bootstrap,Popover,Jsfiddle,所以我想知道。。。我正在使用Twitter的引导程序进行我的项目,我制作了一个小的通知Popover/Clickover()功能。我想知道我如何能设法使它在一个静态的高度与自定义滚动条在它 我创建此popover/clickover的基本概念是: $(function () { $("[rel='tooltip']").tooltip({container: 'body'}); }); $("#notices").clickover({ content:data, htm

所以我想知道。。。我正在使用Twitter的引导程序进行我的项目,我制作了一个小的通知Popover/Clickover()功能。我想知道我如何能设法使它在一个静态的高度与自定义滚动条在它

我创建此popover/clickover的基本概念是:

$(function () {
    $("[rel='tooltip']").tooltip({container: 'body'});
});
$("#notices").clickover({
    content:data,
    html:true,
    container:'body'
    ,onShown: function () {$("#notices").tooltip("destroy");},
    onHidden: function () {$("#notices").tooltip({container:'.navbar'});},
    template: '\
        <div class="popover notices">\
            <div class="arrow"></div>\
            <div class="popover-inner">\
                <div class="popover-header">\
                    <h3 class="popover-title"></h3>\
                    <h3 class="popover-settings"><a href="/notifications.php?act=settings">Settings</a></h3>\
                </div>\
                <div class="popover-content">\
                    <p></p>\
                </div>\
                <h3 class="popover-footer"><center><a href="/notifications.php">See All</a></center></h3>\
            </div>\
        </div>'

});
$(函数(){
$(“[rel='tooltip']”)。工具提示({container:'body'});
});
$(“#通知”)。单击({
内容:数据,,
是的,
容器:'主体'
,onShown:function(){$(“#注意”).tooltip(“destroy”);},
onHidden:function(){$(“#notices”)。工具提示({container:'.navbar'});},
模板:'\
\
\
\
\
\
\
\
\

\ \ \ \ ' });
使用HTML

<div id='userbar' class='btn-group input-prepend input-append'>
    <button class='btn'></button>
    <button class='btn'></button>
    <button class='btn'></button>
    <button class='btn'></button>
    <button class='btn'></button>
    <button class='btn'></button>
    <button class='btn'></button>
    <button id='notices' class='btn' rel='tooltip' data-placement='bottom' data-original-title='Notifications'> <i class='icon-exclamation-sign icon-large'> <span class='badge badge-important'>102</span></i></button>
</div>

102
所以我在JSFiddle上发了一篇关于这个的帖子。我没有包括bootstrap站点中的bootstrap指令,但是我已经在Javascript部分发布了代码,因为工具提示有点修改。所以可能有很多代码行,虽然我的主要代码在最后

链接是:

带有弹出框的按钮是“感叹号”


就像我说的,我想给它加上一个自定义的高度和一个滚动条,让它有更多的内容。。。提前感谢您……

只需添加一些css即可为popover提供固定高度和滚动条:

.popover-inner {
   height: 250px;
   overflow:scroll;
}
小提琴在这里:

谢谢:)非常工作谢谢:)非常工作
.popover-content {
    max-height: 300px;
    overflow-y: auto;
}