在移动中折叠或扩展时引导NAV样式颜色的方法
在移动中折叠或扩展时引导NAV样式颜色的方法
提问于 2016-02-24 09:43:08
我正在处理引导样式的导航条Ok，我可以完美的风格桌面或移动在他的初始状态。
当我试图在他的扩展和崩溃状态下在手机上设计风格时，问题就来了。
这里是一个科德芬示例，您可以在其中看到和示例，在那里，我可以触摸burguer，甚至UL。
但是，我怎样才能改变徽标颜色和肚脐背景色呢？其他的都很容易，因为有通过jQuery获得的类。
希望有人能帮我。(使用CSS & JS (有或不带jQuery ))
我试过这个，但一切都崩溃了
$(‘..navbar toggle’).toggle(函数() {$(“..navbar头”).addClass(“打开”)；$(“#burguer”).addClass(“打开”)；}，函数() {$(“..navbar头”).removeClass(“打开”)；$(“#burguer”).removeClass(“打开”)；}；
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-24 09:58:29
您可以使用崩溃时的引导事件
联署材料：
$('#bs-example-navbar-collapse-1').on('show.bs.collapse', function () {
$('.navbar').addClass('mobile-opened');
$('.navbar-brand').addClass('mobile-opened');
});
$('#bs-example-navbar-collapse-1').on('hide.bs.collapse', function () {
$('.navbar').removeClass('mobile-opened');
$('.navbar-brand').removeClass('mobile-opened');
});CSS：
.navbar.mobile-opened {
background: blue;
}
.navbar-brand.mobile-opened span {
color: red;
}如果您想在动画完成时更改颜色，只需使用shown代替show，使用hidden代替hide
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35609294
复制相关文章
点击加载更多
相似问题
在nav-items中单击时折叠引导导航栏。在移动视口中
Bootstrap nav -在桌面上保持扩展，在移动设备上可折叠
引导菜单(nav)水平折叠而不是垂直折叠
引导更改Nav文本颜色
在引导带上改变Nav条的颜色
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
