Javascript 引导:如何在模式窗口关闭时更改菜单项的颜色
我正在使用twitter引导,并试图通过点击菜单项打开模式弹出窗口。 这是我的密码:Javascript 引导:如何在模式窗口关闭时更改菜单项的颜色,javascript,css,twitter-bootstrap,Javascript,Css,Twitter Bootstrap,我正在使用twitter引导,并试图通过点击菜单项打开模式弹出窗口。 这是我的密码: <div class="navbar navbar-fixed-bottom"> <div class="navbar-inner"> <ul class="nav pull-right"> <li class="dropdown"><a class="dropdown-toggle" data-toggle=
<div class="navbar navbar-fixed-bottom">
<div class="navbar-inner">
<ul class="nav pull-right">
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu</a>
<ul class="dropdown-menu">
<li class="active"><a href="">Some item 1</a></li>
<li class=""><a href="">Some item 2</a></li>
</ul>
</li>
<li class="dropdown"><a href="#myModal" class="dropdown-toggle" data-toggle="modal">
Contacts</a></li>
</ul>
</div>
<!-- /.navbar-inner -->
</div>
在这里,我正在编写自己的
modal open li
类来单击此元素。但是在关闭模式弹出窗口时,如何返回li
元素的颜色?此外,我是否可以为同一li
元素添加多个数据切换,如data toggle=“modal dropdown”
?如果我理解正确,您希望在关闭模态时将类删除到链接,因为您可以绑定到模型“hide”事件,请尝试添加以下JavaScript代码:
$('#myModal').on('hide',function(){
$('.nav > li > a.modal-open-li').removeClass('modal-open-li');
});
关于为一个元素添加多个数据切换,我不知道是否可能,但我建议不要这样做,因为您真的需要切换下拉列表并同时打开一个模式吗?如果我正确理解您希望在模式关闭时删除链接中的类,那么我认为有更好的方法来改进UX,因为您可以绑定到模型“隐藏”事件,请尝试添加以下JavaScript代码:
$('#myModal').on('hide',function(){
$('.nav > li > a.modal-open-li').removeClass('modal-open-li');
});
关于为一个元素添加多个数据切换,我不知道是否可能,但我建议不要这样做,因为您真的需要切换下拉列表并同时打开一个模式吗?我认为会有更好的方法来改进用户体验请注意,标签和标签的含义不同。不要用于推特引导问题。而且,这与css3无关。请不要用不适用的标签来标记问题。明白了!感谢您指出错误。请注意标签和表示不同的内容。不要用于推特引导问题。而且,这与css3无关。请不要用不适用的标签来标记问题。明白了!谢谢你指点我的错误,这正是我需要的。谢谢这就是我需要的。谢谢
$('#myModal').on('hide',function(){
$('.nav > li > a.modal-open-li').removeClass('modal-open-li');
});