Bootstrap：如何更改菜单项颜色由于模式窗口关闭

我使用twitter引导并试图通过单击菜单项打开模式弹出窗口。这里是我的代码：Bootstrap：如何更改菜单项颜色由于模式窗口关闭

<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>

我的模态窗口：

<div class="modal hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 
    aria-hidden="true"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
      ×</button> 
     <h3 id="myModalLabel"> 
      Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <p> 
      One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true"> 
      Close</button> 
     <button class="btn btn-primary"> 
      Save changes</button> 
    </div> 
</div>

第一个菜单项具有下拉数据切换。第二个菜单项具有模态数据切换。当我点击第一个项目时，它看起来像点击并改变自己的颜色。当我点击第二个（联系人）菜单项时，项目颜色保持不变。我添加onclick事件的“联系人” li元素：

onclick="$(this).addClass('modal-open-li');"

在那里我写我自己modal-open-li类，使这个点击的元素。但是当我关闭模态弹出窗口时，如何返回li元素的颜色？另外，我可以添加多个数据切换为相同的li元素，如data-toggle="modal dropdown"？

来源

2013-07-06 mbigun

请注意标签[tag：bootstrap]和[tag：twitter-bootstrap]意味着不同的东西。请勿将[tag：bootstrap]用于Twitter引导问题。此外，这与css3无关。请不要使用不适用的标签标记问题。 –

Got it！感谢您指出错误。 – mbigun

如果我理解正确的话，你希望在模式关闭时删除类到你的链接，对于可以绑定到模型中“隐藏”的事件，尝试添加这段JavaScript代码：

$('#myModal').on('hide',function(){ 
    $('.nav > li > a.modal-open-li').removeClass('modal-open-li'); 
});

而且关于为一个元素添加多个数据切换，我不知道是否有可能，但我会建议不要这样做，因为您是否真的需要切换下拉菜单并同时打开模式？我认为会有更好的方法来改进UX

来源

2013-07-06 19:46:15

这就是我需要的。谢谢！ – mbigun

Bootstrap：如何更改菜单项颜色由于模式窗口关闭

回答

相关问题