jquery的idTabs切换触发事件

使用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/

请关注我微信公众号：