사용자 정의 jQuery 탭 플러그인 example_jquery

复主代码 代码如下:

 
• 사용자

 
• 그룹

 

사용자 콘텐츠

 

그룹 콘텐츠

<script><BR>jQuery.fn. tabs = function (control) {<BR>    var element = $(this);<BR>    var control = $(control);<br><br>    element.delegate('li', 'click', function () {<BR>        // 遍历选项卡name称<BR>        var tabName = $(this).attr('data-tab');<br><br>        // 点击选项卡时触发自定义事<BR>        요소 .trigger('change.tabs', tabName);<BR>    });<br><br>    // 绑定到自定义事件<BR>    element.bind('change.tabs', function (ev, tabName) ) {<BR>        element.find('li').removeClass('active');<BR>        element.find('>[data-tab=' tabName ']').addClass('active'); <BR>    });<br><br>    element.bind('change.tabs', function (ev, tabName) {<BR>        control.find('>[data-tab]').removeClass(' active');<BR>        control.find('>[data-tab=' tabName ']').addClass('active');<BR>    });<br><br>    // 激活第 1个选项卡<BR>    var firstName = element.find('li:first').attr('data-tab');<BR>    element.trigger('change.tabs', firstName);<br><br>    이것을 돌려주세요;<BR>};</script>

jQuery(함수 ($) {
    $('#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);
    });
});