Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
tab.js 3.81 KiB
1 
/* ========================================================================
2 
 * Bootstrap: tab.js v3.3.4
3 
 * http://getbootstrap.com/javascript/#tabs
4 
 * ========================================================================
5 
 * Copyright 2011-2015 Twitter, Inc.
6 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
7 
 * ======================================================================== */
8
9
10 
+function ($) {
11 
  'use strict';
12
13 
  // TAB CLASS DEFINITION
14 
  // ====================
15
16 
  var Tab = function (element) {
17 
    // jscs:disable requireDollarBeforejQueryAssignment
18 
    this.element = $(element)
19 
    // jscs:enable requireDollarBeforejQueryAssignment
20 
  }
21
22 
  Tab.VERSION = '3.3.4'
23
24 
  Tab.TRANSITION_DURATION = 150
25
26 
  Tab.prototype.show = function () {
27 
    var $this    = this.element
28 
    var $ul      = $this.closest('ul:not(.dropdown-menu)')
29 
    var selector = $this.data('target')
30
31 
    if (!selector) {
32 
      selector = $this.attr('href')
33 
      selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
34 
    }
35
36 
    if ($this.parent('li').hasClass('active')) return
37
38 
    var $previous = $ul.find('.active:last a')
39 
    var hideEvent = $.Event('hide.bs.tab', {
40 
      relatedTarget: $this[0]
41 
    })
42 
    var showEvent = $.Event('show.bs.tab', {
43 
      relatedTarget: $previous[0]
44 
    })
45
46 
    $previous.trigger(hideEvent)
47 
    $this.trigger(showEvent)
48
49 
    if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return
50
51 
    var $target = $(selector)
52
53 
    this.activate($this.closest('li'), $ul)
54 
    this.activate($target, $target.parent(), function () {
55 
      $previous.trigger({
56 
        type: 'hidden.bs.tab',
57 
        relatedTarget: $this[0]
58 
      })
59 
      $this.trigger({
60 
        type: 'shown.bs.tab',
61 
        relatedTarget: $previous[0]
62 
      })
63 
    })
64 
  }
65
66 
  Tab.prototype.activate = function (element, container, callback) {
67 
    var $active    = container.find('> .active')
68 
    var transition = callback
69 
      && $.support.transition
70 
      && ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length)
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
function next() { $active .removeClass('active') .find('> .dropdown-menu > .active') .removeClass('active') .end() .find('[data-toggle="tab"]') .attr('aria-expanded', false) element .addClass('active') .find('[data-toggle="tab"]') .attr('aria-expanded', true) if (transition) { element[0].offsetWidth // reflow for transition element.addClass('in') } else { element.removeClass('fade') } if (element.parent('.dropdown-menu').length) { element .closest('li.dropdown') .addClass('active') .end() .find('[data-toggle="tab"]') .attr('aria-expanded', true) } callback && callback() } $active.length && transition ? $active .one('bsTransitionEnd', next) .emulateTransitionEnd(Tab.TRANSITION_DURATION) : next() $active.removeClass('in') } // TAB PLUGIN DEFINITION // ===================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tab') if (!data) $this.data('bs.tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) } var old = $.fn.tab $.fn.tab = Plugin $.fn.tab.Constructor = Tab // TAB NO CONFLICT // =============== $.fn.tab.noConflict = function () { $.fn.tab = old return this }
141142143144145146147148149150151152153154155156
// TAB DATA-API // ============ var clickHandler = function (e) { e.preventDefault() Plugin.call($(this), 'show') } $(document) .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler) .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler) }(jQuery);