Twitter bootstrap 引导复选框在导航中不起作用
我不明白为什么第二个复选框不起作用。我确信这是与Bootstrap/CSS有关的,这不是我的专长 第一个复选框按预期工作,但当我将复选框放在导航药片中时,发生了一些事情。有人能帮我吗 HTML:Twitter bootstrap 引导复选框在导航中不起作用,twitter-bootstrap,nav-pills,Twitter Bootstrap,Nav Pills,我不明白为什么第二个复选框不起作用。我确信这是与Bootstrap/CSS有关的,这不是我的专长 第一个复选框按预期工作,但当我将复选框放在导航药片中时,发生了一些事情。有人能帮我吗 HTML: 父li上的数据切换将覆盖复选框单击。父li上的数据切换将覆盖复选框单击。这就是我解决问题的方法 $'your-checkbox-selector'.mouseoverfunction{ $this.parents'a.nav-link'.removeAttr'data-toggle' }.mouseo
父li上的数据切换将覆盖复选框单击。父li上的数据切换将覆盖复选框单击。这就是我解决问题的方法 $'your-checkbox-selector'.mouseoverfunction{ $this.parents'a.nav-link'.removeAttr'data-toggle' }.mouseoutfunction{ $this.parents'a.nav-link'.attr'data-toggle','pill'
}; 这就是我解决问题的方法 $'your-checkbox-selector'.mouseoverfunction{ $this.parents'a.nav-link'.removeAttr'data-toggle' }.mouseoutfunction{ $this.parents'a.nav-link'.attr'data-toggle','pill'
};问题在于父li上的数据切换。如果单击复选框,它不应该在那里。啊,谢谢!你应该把它作为魔法蒸汽点的答案!我测试了代码。我同意这个制度。他赢了我。@jmag她赢了你-只要我们发这个音,我就认为这是一架攻击直升机。问题是父li上的数据切换。如果单击复选框,它不应该在那里。啊,谢谢!你应该把它作为魔法蒸汽点的答案!我测试了代码。我同意这个制度。他赢了我。@jmag她赢了你-只要我们发这个音,我就认为是一架攻击直升机。这使得复选框起作用,但是标签不再起作用。似乎没有办法两者兼得?这使复选框起作用,但选项卡不再起作用。似乎没有办法两者兼得?
<div class="checkbox">
<label>
<input type="checkbox">Testcheckbox
</label>
</div>
<ul id="menu" class="nav nav-pills nav-stacked">
<li class="nav-divider"></li>
<li>
<a class="nav-menu-container" data-toggle="collapse" data-parent="#menu" href="#sub-menu">
Sub-Menu
<div class="sub-menu-caret-container"><span class="caret arrow"></span></div>
</a>
</li>
<ul class="nav nav-pills nav-stacked collapse in" id="sub-menu">
<li data-toggle="collapse" data-parent="#sub-menu" href="#pv11">
<div class="nav-sub-menu-container">
<div class="checkbox">
<label>
<input type="checkbox">Testcheckbox
</label>
</div>
</div>
</li>
<li data-toggle="collapse" data-parent="#sub-menu" href="#pv11"><a id="item1" class="nav-sub-menu-container" href="#">Item 2</a></li>
<li data-toggle="collapse" data-parent="#sub-menu" href="#pv11"><a id="item2" class="nav-sub-menu-container" href="#">Item 3</a></li>
<li data-toggle="collapse" data-parent="#sub-menu" href="#item3"><a class="nav-sub-menu-container" href="#">Item 4</a></li>
</ul>
<li class="nav-divider"></li>
</ul>
.sub-menu-caret-container {
float: right;
}
.nav-menu-container {
font-weight: bold;
}
ul.nav-stacked ul.nav-stacked > li > .nav-sub-menu-container {
padding-left: 30px;
}