jquery - 隐藏最后一个元素时防止删除圆 Angular

标签 jquery html css twitter-bootstrap

<分区>

我有以下 Bootstrap HTML。

<div class="btn-group">
    <button type="button" class="btn btn-default">Button 1</button>
    <button type="button" class="btn btn-default">Button 2</button>
    <button type="button" class="btn btn-default">Button 3</button>
    <button type="button" class="btn btn-default">Button 4</button>
    <button type="button" class="btn btn-default">Button 5</button>
</div>

如果我隐藏最后一个元素,圆 Angular 就没有了!

enter image description here

.btn-group button:last-child {
    display:none;
}

我该如何解决?

jsfiddle

最佳答案

发生这种情况的原因是因为 Bootstrap 圆化了 .btn-group 中第一个和最后一个元素的 Angular 。

问题是您没有从 DOM 中删除最后一个元素,只是隐藏了它。

如果您从 DOM 中移除元素而不是隐藏它,您将恢复圆 Angular 。或者,只需将一个类添加到最后一个可见元素。

查看更新的 JsFiddle:http://jsfiddle.net/XC643/4/

更新为将类动态添加到最后一个可见按钮

关于jquery - 隐藏最后一个元素时防止删除圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23483719/

相关文章:

javascript - 在新插入的 Ajax 内容加载完成后,是否有类似于 `$(window).load();` 的功能用于执行功能?

javascript - 我可以在 JavaScript 窗口全局对象中定义的某个对象中找到 JQuery 函数吗?

javascript - 如何让这段代码一次移动一个类(class)

html - CSS设计-彩虹

css - 在 div 中对齐图像 + 文本

javascript - 在子焦点上更改父 css(不破坏父 :hover css rules)

javascript - 快速滚动时获取scrollTop

html - 响应式设计和粘性 div

html - 一个编辑 html/css 网站的程序?

jquery - bootstrap - tabbable,左边的标签根本不起作用