如何通过单击扩展弹出框高度答案

【问题标题】：How to expand popover height with a click如何通过单击扩展弹出框高度
【发布时间】：2014-10-25 20:34:55
【问题描述】：

我有一个密码输入，当用户关注输入时，它会显示一个描述某些内容的弹出框。在里面，在底部我有一个链接。我希望当用户点击此链接时弹出框会展开。

我尝试在高度值中添加一个带有 !important 的类；我尝试使用.css(); 更改高度我尝试更改弹出框内所有元素的高度，但仍然无法正常工作。

有什么想法吗？

HTML：

<input type="password" id="password" class="form-control inputSk" placeholder="Password" name="password" data-toggle="popover" data-placement="right" data-content="<div class='skPopover'>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<br> <a href='#'>Why?</a><div id='more-content' class='hide'>More content here</div></div>" required>

JS：

$('.skPopover a').on('click', function (e){
    e.preventDefault();
    $('#more-content').removeClass('hide');
});

我也试过这个：

$('.skPopover a').on('click', function (e){
    e.preventDefault();
    $('.skPopover').css('height', 290);
});

还有这个：

$('.skPopover a').on('click', function (e){
    e.preventDefault();
    $('.skPopover').addClass('long-popover');
});

类 long-popover 的高度为 290px。

【问题讨论】：

向我们展示一些代码，以便我们为您提供帮助
这些解决方案听起来是正确的。用你所拥有的创造一个小提琴
我现在添加了代码。当我在 Chrome Inspector 中执行 JS 时，它可以工作。这太奇怪了。

标签： javascript jquery twitter-bootstrap popover

【解决方案1】：

我找到了答案。我将其中一种解决方案放在弹出框显示的事件中。

$('.form-group').on('shown.bs.popover', function (){
    $('.skPopover a').on('click', function (e){
        e.preventDefault;
        $('.skPopover').toggleClass('long-popover');
    });
});

希望这可以帮助遇到同样问题的人。

【讨论】：