Javascript 引导弹出/点击弹出
所以我想知道。。。我正在使用Twitter的引导程序进行我的项目,我制作了一个小的通知Popover/Clickover()功能。我想知道我如何能设法使它在一个静态的高度与自定义滚动条在它 我创建此popover/clickover的基本概念是: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
$(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;
}