Demos | jQuery.Switchable -JS/jQuery代码 -演示与下载 -时代Java

Using callback function


First Second Third

I accept these terms and conditions

Tab Panel 2

Tab Panel 3

jQuery Code:

	$(function(){
		$(".tabs-trigger").switchable(".tabs-panel > p", function(event, index) {
        	var obj = $("#checkbox");
			if ( index > 0 && !obj.is(":checked") ) {
				obj.parent().addClass("error");
				return false;
			}
			obj.parent().removeClass("error");
		});
	});
	

HTML Code:

	<div class="tabs-trigger">
		<a href="#">First</a>
		<a href="#">Second</a>
		<a href="#">Third</a>
	</div>
	<div class="tabs-panel">
		<p><input type="checkbox" id="checkbox" /> I accept these terms and conditions</p>
		<p>Tab Panel 2</p>
		<p>Tab Panel 3</p>
	</div>
	
下载代码说明
X关闭

Switchable 基于jQuery 常见网页UI组件

jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration,支持自定义Effect,支持自主开发Plugin。 下面是jQuery.Switchable的几个亮点: 在当前 trigger 中 mouseenter/mouseleave, click 不触发 鼠标快速滑过非