我有以下 div 并希望在单击按钮时显示它。
我在按钮单击事件上使用此 jquery 代码。
$('.container collapse').removeClass('.container collapse').addClass('container');
为什么它现在不显示 div,因为我已经更改了课程?
<div class="container collapse">
<div class="row form-group">
<div class="col-md-6">
<div class="col-md-12" style="height:300px;">
<canvas id="graph1"></canvas>
</div>
</div>
<div class="col-md-6">
<div class="col-md-12" style="height:300px;">
<canvas id="graph2"></canvas>
</div>
</div>
</div>
<div class="row form-group">
<div class="col-md-6">
<div class="col-md-12" style="height:300px;">
<canvas id="graph3"></canvas>
</div>
</div>
<div class="col-md-6">
<div class="col-md-12" style="height:300px;">
<canvas id="graph4"></canvas>
</div>
</div>
</div>
</div>
它抛出一个错误'Uncaught TypeError: $(...).removeClass is not a function'。
如果标签是同一元素上的样式类,则必须用点连接标签。
$('.container.collapse').removeClass('collapse');
否则,如果您使用$('.container collapse')
jquery 将尝试.container
在 type 中查找子元素collapse
。
您也不必将点放在removeClass
andaddClass
调用中。由于您删除并重新分配容器类,因此您可以将其留在那里,只删除折叠类。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句