mirror of https://github.com/twbs/bootstrap.git
				
				
				
			
		
			
				
	
	
		
			105 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
			
		
		
	
	
			105 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
| /* ========================================================================
 | |
|  * Bootstrap: button.js v3.0.3
 | |
|  * http://getbootstrap.com/javascript/#buttons
 | |
|  * ========================================================================
 | |
|  * Copyright 2013 Twitter, Inc.
 | |
|  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 | |
|  * ======================================================================== */
 | |
| 
 | |
| 
 | |
| +function ($) { 'use strict';
 | |
| 
 | |
|   // BUTTON PUBLIC CLASS DEFINITION
 | |
|   // ==============================
 | |
| 
 | |
|   var Button = function (element, options) {
 | |
|     this.$element = $(element)
 | |
|     this.options  = $.extend({}, Button.DEFAULTS, options)
 | |
|   }
 | |
| 
 | |
|   Button.DEFAULTS = {
 | |
|     loadingText: 'loading...'
 | |
|   }
 | |
| 
 | |
|   Button.prototype.setState = function (state) {
 | |
|     var d    = 'disabled'
 | |
|     var $el  = this.$element
 | |
|     var val  = $el.is('input') ? 'val' : 'html'
 | |
|     var data = $el.data()
 | |
| 
 | |
|     state = state + 'Text'
 | |
| 
 | |
|     if (!data.resetText) $el.data('resetText', $el[val]())
 | |
| 
 | |
|     $el[val](data[state] || this.options[state])
 | |
| 
 | |
|     // push to event loop to allow forms to submit
 | |
|     setTimeout(function () {
 | |
|       state == 'loadingText' ?
 | |
|         $el.addClass(d).attr(d, d) :
 | |
|         $el.removeClass(d).removeAttr(d);
 | |
|     }, 0)
 | |
|   }
 | |
| 
 | |
|   Button.prototype.toggle = function () {
 | |
|     var $parent = this.$element.closest('[data-toggle="buttons"]')
 | |
|     var changed = true
 | |
| 
 | |
|     if ($parent.length) {
 | |
|       var $input = this.$element.find('input')
 | |
|       if ($input.prop('type') === 'radio') {
 | |
|         // see if clicking on current one
 | |
|         if ($input.prop('checked') && this.$element.hasClass('active'))
 | |
|           changed = false
 | |
|         else
 | |
|           $parent.find('.active').removeClass('active')
 | |
|       }
 | |
|       if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change')
 | |
|     }
 | |
| 
 | |
|     if (changed) this.$element.toggleClass('active')
 | |
|   }
 | |
| 
 | |
| 
 | |
|   // BUTTON PLUGIN DEFINITION
 | |
|   // ========================
 | |
| 
 | |
|   var old = $.fn.button
 | |
| 
 | |
|   $.fn.button = function (option) {
 | |
|     return this.each(function () {
 | |
|       var $this   = $(this)
 | |
|       var data    = $this.data('bs.button')
 | |
|       var options = typeof option == 'object' && option
 | |
| 
 | |
|       if (!data) $this.data('bs.button', (data = new Button(this, options)))
 | |
| 
 | |
|       if (option == 'toggle') data.toggle()
 | |
|       else if (option) data.setState(option)
 | |
|     })
 | |
|   }
 | |
| 
 | |
|   $.fn.button.Constructor = Button
 | |
| 
 | |
| 
 | |
|   // BUTTON NO CONFLICT
 | |
|   // ==================
 | |
| 
 | |
|   $.fn.button.noConflict = function () {
 | |
|     $.fn.button = old
 | |
|     return this
 | |
|   }
 | |
| 
 | |
| 
 | |
|   // BUTTON DATA-API
 | |
|   // ===============
 | |
| 
 | |
|   $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) {
 | |
|     var $btn = $(e.target)
 | |
|     if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
 | |
|     $btn.button('toggle')
 | |
|     e.preventDefault()
 | |
|   })
 | |
| 
 | |
| }(jQuery);
 |