从Event difference bootstrap collapse
继续我现在有一些像
这样的代码 <p data-toggle="collapse" data-target="#a" aria-expanded="false" aria-controls="a">
<span class="glyphicon glyphicon-plus"></span></p>
<div id="a" class="collapse">
<ul class="faulttab nav nav-tabs nav-justified" role="tablist">
<li role="presentation" class="active">
<a href="#a-a" aria-controls="a-a" role="tab" data-toggle="tab">a-a</a></li>
<li role="presentation" class="active">
<a href="#a-b" aria-controls="a-b" role="tab" data-toggle="tab">a-b</a></li>
</ul>
<div class="tab-pane fade in active" id="a-a">
<form>
<div class="form-group">
<label class="control-label col-lg-2" for="invchs">Investigation</label>
<div class="btn-group col-lg-10" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" value="0" autocomplete="off" checked>Not Needed
</label>
<label class="btn btn-primary">
<input type="radio" name="options" value="1" autocomplete="off">Needed
</label>
</div>//col-lg-10
</div>//formgorup
</form>
</div>//a-a
<div class="tab-pane fade in active" id="a-b">
<form>
<div class="form-group">
<label class="control-label col-lg-2" for="invchs">Investigation</label>
<div class="btn-group col-lg-10" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" value="0" autocomplete="off" checked>Not Needed
</label>
<label class="btn btn-primary">
<input type="radio" name="options" value="1" autocomplete="off">Needed
</label>
</div>//col-lg-10
</div>//formgorup
</form>
</div>//a-b
</div>//collapse
(像这样的东西,但不是完全100%一样,因为它太大了,不能在这里发布)
我的JS代码就像
$('.collapse').click(function(e){
e.stopPropagation();
});
当我在展开表单时单击某些内容并防止崩溃形式崩溃而不填充任何内容(或点击其他地方)时,这些就会崩溃所以我把stopPropagation();
这就是为什么< / p>
我也不知道出了什么问题,但我的第一个猜测是stopPropagation();
单选按钮无法正常工作
发生的事情是单选按钮JS不起作用(HTML工作正常)
有什么方法可以解决这个问题吗?
同样......只改变JS会很棒
由于