1 /* ======================================================================== |
|
2 * Bootstrap: tab.js v3.0.3 |
|
3 * http://getbootstrap.com/javascript/#tabs |
|
4 * ======================================================================== |
|
5 * Copyright 2013 Twitter, Inc. |
|
6 * |
|
7 * Licensed under the Apache License, Version 2.0 (the "License"); |
|
8 * you may not use this file except in compliance with the License. |
|
9 * You may obtain a copy of the License at |
|
10 * |
|
11 * http://www.apache.org/licenses/LICENSE-2.0 |
|
12 * |
|
13 * Unless required by applicable law or agreed to in writing, software |
|
14 * distributed under the License is distributed on an "AS IS" BASIS, |
|
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|
16 * See the License for the specific language governing permissions and |
|
17 * limitations under the License. |
|
18 * ======================================================================== */ |
|
19 |
|
20 |
|
21 +function ($) { "use strict"; |
|
22 |
|
23 // TAB CLASS DEFINITION |
|
24 // ==================== |
|
25 |
|
26 var Tab = function (element) { |
|
27 this.element = $(element) |
|
28 } |
|
29 |
|
30 Tab.prototype.show = function () { |
|
31 var $this = this.element |
|
32 var $ul = $this.closest('ul:not(.dropdown-menu)') |
|
33 var selector = $this.data('target') |
|
34 |
|
35 if (!selector) { |
|
36 selector = $this.attr('href') |
|
37 selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 |
|
38 } |
|
39 |
|
40 if ($this.parent('li').hasClass('active')) return |
|
41 |
|
42 var previous = $ul.find('.active:last a')[0] |
|
43 var e = $.Event('show.bs.tab', { |
|
44 relatedTarget: previous |
|
45 }) |
|
46 |
|
47 $this.trigger(e) |
|
48 |
|
49 if (e.isDefaultPrevented()) return |
|
50 |
|
51 var $target = $(selector) |
|
52 |
|
53 this.activate($this.parent('li'), $ul) |
|
54 this.activate($target, $target.parent(), function () { |
|
55 $this.trigger({ |
|
56 type: 'shown.bs.tab' |
|
57 , relatedTarget: previous |
|
58 }) |
|
59 }) |
|
60 } |
|
61 |
|
62 Tab.prototype.activate = function (element, container, callback) { |
|
63 var $active = container.find('> .active') |
|
64 var transition = callback |
|
65 && $.support.transition |
|
66 && $active.hasClass('fade') |
|
67 |
|
68 function next() { |
|
69 $active |
|
70 .removeClass('active') |
|
71 .find('> .dropdown-menu > .active') |
|
72 .removeClass('active') |
|
73 |
|
74 element.addClass('active') |
|
75 |
|
76 if (transition) { |
|
77 element[0].offsetWidth // reflow for transition |
|
78 element.addClass('in') |
|
79 } else { |
|
80 element.removeClass('fade') |
|
81 } |
|
82 |
|
83 if (element.parent('.dropdown-menu')) { |
|
84 element.closest('li.dropdown').addClass('active') |
|
85 } |
|
86 |
|
87 callback && callback() |
|
88 } |
|
89 |
|
90 transition ? |
|
91 $active |
|
92 .one($.support.transition.end, next) |
|
93 .emulateTransitionEnd(150) : |
|
94 next() |
|
95 |
|
96 $active.removeClass('in') |
|
97 } |
|
98 |
|
99 |
|
100 // TAB PLUGIN DEFINITION |
|
101 // ===================== |
|
102 |
|
103 var old = $.fn.tab |
|
104 |
|
105 $.fn.tab = function ( option ) { |
|
106 return this.each(function () { |
|
107 var $this = $(this) |
|
108 var data = $this.data('bs.tab') |
|
109 |
|
110 if (!data) $this.data('bs.tab', (data = new Tab(this))) |
|
111 if (typeof option == 'string') data[option]() |
|
112 }) |
|
113 } |
|
114 |
|
115 $.fn.tab.Constructor = Tab |
|
116 |
|
117 |
|
118 // TAB NO CONFLICT |
|
119 // =============== |
|
120 |
|
121 $.fn.tab.noConflict = function () { |
|
122 $.fn.tab = old |
|
123 return this |
|
124 } |
|
125 |
|
126 |
|
127 // TAB DATA-API |
|
128 // ============ |
|
129 |
|
130 $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { |
|
131 e.preventDefault() |
|
132 $(this).tab('show') |
|
133 }) |
|
134 |
|
135 }(jQuery); |
|