Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
bootstrap-dropdown.js 4.16 KiB
1 
/* ============================================================
2 
 * bootstrap-dropdown.js v2.2.3
3 
 * http://twitter.github.com/bootstrap/javascript.html#dropdowns
4 
 * ============================================================
5 
 * Copyright 2012 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 ($) {
22
23 
  "use strict"; // jshint ;_;
24
25
26 
 /* DROPDOWN CLASS DEFINITION
27 
  * ========================= */
28
29 
  var toggle = '[data-toggle=dropdown]'
30 
    , Dropdown = function (element) {
31 
        var $el = $(element).on('click.dropdown.data-api', this.toggle)
32 
        $('html').on('click.dropdown.data-api', function () {
33 
          $el.parent().removeClass('open')
34 
        })
35 
      }
36
37 
  Dropdown.prototype = {
38
39 
    constructor: Dropdown
40
41 
  , toggle: function (e) {
42 
      var $this = $(this)
43 
        , $parent
44 
        , isActive
45
46 
      if ($this.is('.disabled, :disabled')) return
47
48 
      $parent = getParent($this)
49
50 
      isActive = $parent.hasClass('open')
51
52 
      clearMenus()
53
54 
      if (!isActive) {
55 
        $parent.toggleClass('open')
56 
      }
57
58 
      $this.focus()
59
60 
      return false
61 
    }
62
63 
  , keydown: function (e) {
64 
      var $this
65 
        , $items
66 
        , $active
67 
        , $parent
68 
        , isActive
69 
        , index
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
if (!/(38|40|27)/.test(e.keyCode)) return $this = $(this) e.preventDefault() e.stopPropagation() if ($this.is('.disabled, :disabled')) return $parent = getParent($this) isActive = $parent.hasClass('open') if (!isActive || (isActive && e.keyCode == 27)) return $this.click() $items = $('[role=menu] li:not(.divider):visible a', $parent) if (!$items.length) return index = $items.index($items.filter(':focus')) if (e.keyCode == 38 && index > 0) index-- // up if (e.keyCode == 40 && index < $items.length - 1) index++ // down if (!~index) index = 0 $items .eq(index) .focus() } } function clearMenus() { $(toggle).each(function () { getParent($(this)).removeClass('open') }) } function getParent($this) { var selector = $this.attr('data-target') , $parent if (!selector) { selector = $this.attr('href') selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 } $parent = selector && $(selector) if (!$parent || !$parent.length) $parent = $this.parent() return $parent } /* DROPDOWN PLUGIN DEFINITION * ========================== */ var old = $.fn.dropdown $.fn.dropdown = function (option) { return this.each(function () { var $this = $(this) , data = $this.data('dropdown') if (!data) $this.data('dropdown', (data = new Dropdown(this))) if (typeof option == 'string') data[option].call($this) }) } $.fn.dropdown.Constructor = Dropdown
141142143144145146147148149150151152153154155156157158159160161162
/* DROPDOWN NO CONFLICT * ==================== */ $.fn.dropdown.noConflict = function () { $.fn.dropdown = old return this } /* APPLY TO STANDARD DROPDOWN ELEMENTS * =================================== */ $(document) .on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus) .on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) .on('touchstart.dropdown.data-api', '.dropdown-menu', function (e) { e.stopPropagation() }) .on('click.dropdown.data-api touchstart.dropdown.data-api' , toggle, Dropdown.prototype.toggle) .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) }(window.jQuery);