bootstrap的collapse事件,标签页事件

来源:互联网 发布:上海弗洛伦萨小镇 知乎 编辑:程序博客网 时间:2024/06/07 18:47

//bootstrap的collapse事件,标签页事件


<div id="collOne" class="panel-collapse collapse in  opacity100" role="tabpanel" aria-labelledby="headOne">

                    <div class="panel-body">
                        <div class="col-xs-12 padding0 bodyone">
                            <span>吴先生</span>
                            <span class="bodyonetime">2015-04-04<span class="color64">&nbsp;16:20</span><span>&nbsp;丁丁</span></span>
                        </div>
                        <div class="col-xs-12 padding0 bodytwo">
                            <span>18373631002</span>
                            <span class="color1" style="float: right;">催办:<span class="color1">2015-12-12</span></span>
                        </div>
                    </div>


                </div>

$('#collOne').on('show.bs.collapse', function () {

//点击展开cooOne这个块时的事件

});

$('#collOne').on('hidden.bs.collapse', function () {   //点击隐藏cooOne这个块时的事件})
//////标签页事件

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {    e.target // 当前切换的dom    e.relatedTarget // 先前切换的dom})

0 0
原创粉丝点击