前端 div 无空白隐藏

WEB前端 waitig 567℃ 百度已收录 0评论

话不多说,先看图




在上图红色框框 框住的地方其实是有隐藏的 div,动态的显隐,但是作为一个强迫症患者来说,看起来很难受,所以想办法优化了一下,下面废话不多说直接贴上代码。。。


                                             <div role="row"  class="name">
<div role="control" label="姓名">
<input id="name" class="mini-checkboxlist"
 bind="cnsCinfo.name" />
</div>
</div>


                                             //在加载时隐藏

                                             $("div[class^=’name’]").addClass("hidden");


在最外层 div 加上 class 属性,然后在页面加载时先将它隐藏


那想让它显示怎么办呢?只需要下面一行代码就行了,以上面的代码为例

$(".name").removeClass("hidden");



最后我们来看一下优化过的效果 



以上代码仅供参考,大神勿喷!


本文由【waitig】发表在等英博客
本文固定链接:前端 div 无空白隐藏
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)