Twitter bootstrap 使用Twitter'；s引导2.x弹出框

为什么插件不能在bootstrap popover中初始化？ 我尝试了不同的选择器（popover中的所有选择器），但都不起作用

首先，我尝试在多个弹出窗口上初始化它。然后我试着只做一件府绸，并在上面印上一个纤细的卷轴。不可能

这是我初始化popover的方式：

jQuery("#bar-notifications").popover({ animation:true, placement: 'bottom', title: 'Notifications!', content: joint, html: true });

这是我的slimScroll插件

        jQuery(".popover .popover-content").slimScroll({
            height: '100%'
        });

我还尝试了使用just.popover选择器

---

也许有一个很好的答案可以解释为什么它们不能一起工作？

我不明白为什么要将高度设置为100%。我根本不希望滚动条有100%的高度

不能对不存在的元素应用slimScroll（）。在弹出窗口显示之前，您的

.popover内容不存在

popover没有onshow的回调，但您可以添加一个，请参阅：


功能接头（）
{
返回$（'.scrollit'）.html（）；
}   
//发件人：https://stackoverflow.com/questions/14694930/callback-function-after-tooltip-popover-is-created-with-twitter-bootstrap
var tmp=$.fn.popover.Constructor.prototype.show；
$.fn.popover.Constructor.prototype.show=函数（）{
tmp.呼叫（本）；
if（this.options.callback）{
this.options.callback（）；
}
}
函数slimmer（）
{
$（'.popover content'）.slimScroll({
高度：“100px”
});
$（'.popover content'）.css（'padding-bottom'，0）；
}       
$（函数（）{
$（'.scrollit'）.slimScroll({
高度：“100px”
});
$（“#popovercontent”）.popover（{callback:slimmer，animation:true，place:'bottom'，title:'Notifications！'，content:joint，html:true}）；
});

当弹出框显示
slimmer（）时，现在调用
。Slimmer（）将slimScroll添加到内容。
这似乎有效，请参见：。由于某些原因，您无法将内容拖到最后（可能会要求这样做）更新：通过添加
$（'.popover content'）.css（'padding-bottom'，0）到“瘦身”功能，您可以滚动到内容的末尾。
我不明白您为什么将高度设置为100%。我根本不希望滚动条有100%的高度

不能对不存在的元素应用slimScroll（）。在弹出窗口显示之前，您的
.popover内容不存在

popover没有onshow的回调，但您可以添加一个，请参阅：


功能接头（）
{
返回$（'.scrollit'）.html（）；
}   
//发件人：https://stackoverflow.com/questions/14694930/callback-function-after-tooltip-popover-is-created-with-twitter-bootstrap
var tmp=$.fn.popover.Constructor.prototype.show；
$.fn.popover.Constructor.prototype.show=函数（）{
tmp.呼叫（本）；
if（this.options.callback）{
this.options.callback（）；
}
}
函数slimmer（）
{
$（'.popover content'）.slimScroll({
高度：“100px”
});
$（'.popover content'）.css（'padding-bottom'，0）；
}       
$（函数（）{
$（'.scrollit'）.slimScroll({
高度：“100px”
});
$（“#popovercontent”）.popover（{callback:slimmer，animation:true，place:'bottom'，title:'Notifications！'，content:joint，html:true}）；
});

当弹出框显示
slimmer（）时，现在调用
。Slimmer（）将slimScroll添加到内容。
这似乎有效，请参见：。由于某些原因，您无法将内容拖到最后（可能会要求这样做）更新：通过添加
$（'.popover content'）.css（'padding-bottom'，0）
到“瘦身”功能，您可以滚动到内容的末尾。
解决方案很简单（：

解决方法很简单（：

很好，就我的情况而言，我使用了padding top，不知道为什么会有区别，但真正重要的是它工作得很好，就我的情况而言，我使用padding top，不知道为什么会有区别，但真正重要的是它工作得很好
<script>

function joint()
{
    return $('.scrollit').html();
}   
//from: https://stackoverflow.com/questions/14694930/callback-function-after-tooltip-popover-is-created-with-twitter-bootstrap

var tmp = $.fn.popover.Constructor.prototype.show;
$.fn.popover.Constructor.prototype.show = function () {
  tmp.call(this);
  if (this.options.callback) {
    this.options.callback();
  }
}
function slimmer()
{
    $('.popover-content').slimScroll({
        height: '100px'
    });
    $('.popover-content').css('padding-bottom',0);
}       
    
$(function(){
    $('.scrollit').slimScroll({
        height: '100px'
    });
    
    $("#popovercontent").popover({ callback: slimmer ,animation:true, placement: 'bottom', title: 'Notifications!', content: joint, html: true });
    
    
    
});
</script>   

$('[data-toggle="popover"]').on('shown.bs.popover', function () {
     $('.scrollit').slimScroll({
        height: '100px'
    });
});