自訂jQuery選項卡外掛實例_jquery

複製程式碼程式碼如下：

渡//EN" "http://www.w3.org/TR/html4/loose.dtd">

 

群組內容

jQuery.fn。 tabs = function (control) {
    var element = $(this);
    var control = $(control);

  {
        // 瀏覽標籤名稱
        var tabName = $(this).attr('data-tab');    element .trigger('change.tabs', tabName);
    });

    // 綁定至自訂事件
    element.bind('change.tabs', function ( ) {
        element.find('li').removeClass('active');
        element.find('>[data-tab=' tabName ']')。 🎜>    });

    element.bind('change.tabs', function (ev, tabName) {
      );
        control.find('>[data-tab=' tabName ']').addClass('active');
    });
  卡
    var firstName = element.find('li:first').attr('data-tab');
    element.trigger('change.tabs', firstName);
此;
}；

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);