活动公告当前位置:鸿宇娱乐 > 活动公告 > >

自定义jQuery选项卡插件实例

  

      
  • Users
  •   
  • Groups
  •   
  

  

  
Users Content
  鸿宇娱乐
Groups Content
  
  

  

  
  
jQuery.fn.tabs=function (control) {  
var element=$(this);  
var control=$(control);  
  
element.delegate('li', 'click', function () {  
// ??

  
var tabName=$(this).attr('data-tab');  
  
// ?????

  
element.trigger('change.tabs', tabName);  
});  
  
// ????

  
element.bind('change.tabs', function (ev, tabName) {  
element.find('li').removeClass('active');  
element.find('>[data-tab=' + tabName + ']').addClass('active');  
});  
  
element.bind('change.tabs', function (ev, tabName) {  
control.find('>[data-tab]').removeClass('active');  
control.find('>[data-tab=' + tabName + ']').addClass('active');  
});  
  
// 1 ??

  
var firstName=element.find('li:first').attr('data-tab');  
element.trigger('change.tabs', firstName);  
  
return this;  
};  

  

jQuery(function ($) {  
$('#tabs').tabs('#tabContent');  
  
$('#tab').bind('change.tabs', function (ev, tabName) {  
window.loaction.hash=tabName;  
});  
  
$(window).bind('hashchange', function () {  
var tabName=window.location.hash.slice(1);  
$('#tabs').trigger('change.tabs', tabName);  
});  
});  
  

(责任编辑:admin)

上一篇:JavaScript 监听textarea中按键事件

下一篇:JavaScript之引用类型介绍

推荐内容

客户服务热线

010-400-12345

在线客服