idTab直接跳转And隐藏(js)
来源:互联网 发布:照片故事软件 编辑:程序博客网 时间:2024/06/08 13:37
一.js
(function () {
var dep = { "jQuery": "http://code.jquery.com/jquery-latest.min.js" };var init = function () { (function ($) {
$.fn.idTabs = function () {
var s = {};
for (var i = 0; i < arguments.length; ++i) {
var a = arguments[i];
switch (a.constructor) {
case Object:
$.extend(s, a);
break;
case Boolean:
s.change = a;
break;
case Number:
s.start = a;
break;
case Function:
s.click = a;
break;
case String:
if (a.charAt(0) == '.')
s.selected = a;
else if (a.charAt(0) == '!')
s.event = a;
else s.start = a;
break;
}
}
if(typeof s['return']=="function")
s.change = s['return'];
return this.each(function () {
$.idTabs(this, s);
});
}
$.idTabs = function (tabs, options) {
var meta = ($.metadata) ? $(tabs).metadata() : {};
var s = $.extend({}, $.idTabs.settings, meta, options);
if (s.selected.charAt(0) == '.')
s.selected = s.selected.substr(1);
if (s.event.charAt(0) == '!')
s.event = s.event.substr(1);
if (s.start == null)
s.start = -1;
var showId = function () {
if ($(this).is('.' + s.selected))
return s.change;
var id = "#" + this.href.split('#')[1];
var aList = [];
var idList = [];
$("a", tabs).each(function () {
if (this.href.match(/#/))
{ aList.push(this); idList.push("#" + this.href.split('#')[1]); }
});
if (s.click && !s.click.apply(this, [id, idList, tabs, s]))
return s.change;
for (i in aList)
$(aList[i]).removeClass(s.selected);
for (i in idList)
$(idList[i]).hide();
$(this).addClass(s.selected);
$(id).show();
return s.change;
}
var list = $("a[href*='#']", tabs).unbind(s.event, showId).bind(s.event, showId);
list.each(function () {
$("#" + this.href.split('#')[1]).hide();
});
var test = false;
if ((test = list.filter('.' + s.selected)).length);
else if (typeof s.start == "number" && (test = list.eq(s.start)).length);
else if (typeof s.start == "string" && (test = list.filter("[href*='#" + s.start + "']")).length);
if (test) { test.removeClass(s.selected); test.trigger(s.event); }
return s;}
$.idTabs.settings = { start: 0, change: false, click: null, selected: ".selected", event: "!click" };
$.idTabs.version = "2.2"; $(function () { $(".idTabs").idTabs(); });
})(jQuery);
}
var check = function (o, s) {
s = s.split('.');
while (o && s.length) o = o[s.shift()];
return o;
}
var head = document.getElementsByTagName("head")[0];
var add = function (url) {
var s = document.createElement("script");
s.type = "text/javascript";
s.src = url; head.appendChild(s);
}
var s = document.getElementsByTagName('script');
var src = s[s.length - 1].src;
var ok = true; for (d in dep) {
if (check(this, d))
continue;
ok = false; add(dep[d]);
}
if (ok)
return init();
add(src);
})();
二.页面中
(1)添加引用js文件
(2)<script type="text/javascript">
$(document).ready(function(){
$(".tabcon ul").idTabs();
});
</script>
(3)<div class="tabcon">
<ul>
<li><a href="#test1">AAAAA</a></li>
<li><a href="#test2">BBBBB</a></li>
</ul>
</div>
<div>
<div id="text1">aaaaaaaaaaa</div>
<div id="text2">bbbbbbbbbbb</div>
</div>
0 0
- idTab直接跳转And隐藏(js)
- 点击下拉直接跳转js
- Java EE实现直接进入登录界面-JS页面跳转(一)
- js判断手机访问直接跳转手机版网站
- php变量与JS变量直接交互不通过跳转
- js中直接跳转到一个页面的方法
- React Js Router 静态方法跳转 直接点到组件
- js中跳转新页面隐藏路径参数问题
- JS跳转页面后地址栏隐藏IP和端口号
- 3秒跳转(第一次显示第二次直接跳转)
- js中a标签跳转问题(参数隐藏问题以及href和target的冲突问题)
- 下拉列表直接跳转
- 页面直接跳转
- Activity直接跳转黑屏
- 直接跳转到appStore
- Nginx直接跳转
- JS页面跳转(转载)
- Intent的隐藏跳转
- Ubuntu 12.04下安装MySQL图解
- 征服redis
- java.io
- cocos2d-js Shader系列3:多重纹理 multiple textures multiple samplers
- iOS8修改状态栏StatusBar字体颜色
- idTab直接跳转And隐藏(js)
- 大数据之道 HMM系列
- Hello Cassandra
- Android textview实现删除线
- fileno
- HTTP 状态码
- Win8 配置局域网可以访问IIS网站
- XMLHttpRequest与ActiveXObject
- next_permutation的原理和使用