使用jquery.idTabs插件在切换tab页时,通过触发事件的函数可以对页面上做一些处理。部分代码示例如下:
<div class="form-tabs">
<ul class="list_tab">
<li ><a href="#tab1" click="test1">申请信息</a></li>
<li> <a href="#tab2" class="selected" click="test2" >收件信息</a></li>
<li ><a href="#tab4" click="test3" >办件过程</a></li>
</ul>
<div id="tab1" class="tabson" style="display: block;">
<div class="form-content">
<table class="form-table form-guide">
<tbody>
<tr>
<td class="guide-point first" colspan="4">
<i>1</i>
<label>
申请信息
</label>
</td>
</tr>
页面要求,在“收件信息”tab页时显示红框中的“点击预览电子证照”,切换到“申请信息”tab页时隐藏“点击预览电子证照”的提示。
实现方式:点击“申请信息”或“办件过程”tab页时隐藏提示,代码如下:
$(".form-tabs ul").idTabs(function(id){
if(id == '#tab1' || id == '#tab4'){
//取消提示
layer.closeAll('tips');
}else{
//显示提示
alert($('.licencePreview'));
}
return true;
});
亲测有效!!!
参考:https://www.mudbest.com/jquery%E7%9A%84idtabs%E4%BD%BF%E7%94%A8/
请关注我微信公众号: