mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-06 05:37:39 +02:00
straight trash wang
This commit is contained in:
@@ -45,7 +45,7 @@
|
|||||||
$parent = $this.hasClass('alert') ? $this : $this.parent()
|
$parent = $this.hasClass('alert') ? $this : $this.parent()
|
||||||
}
|
}
|
||||||
|
|
||||||
$parent.trigger(e = $.Event('bs-close'))
|
$parent.trigger(e = $.Event('bs:alert:close'))
|
||||||
|
|
||||||
if (e.isDefaultPrevented()) return
|
if (e.isDefaultPrevented()) return
|
||||||
|
|
||||||
@@ -79,8 +79,8 @@
|
|||||||
$.fn.alert.Constructor = Alert
|
$.fn.alert.Constructor = Alert
|
||||||
|
|
||||||
|
|
||||||
/* ALERT NO CONFLICT
|
// ALERT NO CONFLICT
|
||||||
* ================= */
|
// =================
|
||||||
|
|
||||||
$.fn.alert.noConflict = function () {
|
$.fn.alert.noConflict = function () {
|
||||||
$.fn.alert = old
|
$.fn.alert = old
|
||||||
@@ -89,7 +89,7 @@
|
|||||||
|
|
||||||
|
|
||||||
// ALERT DATA-API
|
// ALERT DATA-API
|
||||||
// ============== */
|
// ==============
|
||||||
|
|
||||||
$(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close)
|
$(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close)
|
||||||
|
|
||||||
|
@@ -111,7 +111,7 @@
|
|||||||
|
|
||||||
$next = $next.length ? $next : this.$element.find('.item')[fallback]()
|
$next = $next.length ? $next : this.$element.find('.item')[fallback]()
|
||||||
|
|
||||||
var e = $.Event('slide', { relatedTarget: $next[0], direction: direction })
|
var e = $.Event('bs:carousel:slide', { relatedTarget: $next[0], direction: direction })
|
||||||
|
|
||||||
if ($next.hasClass('active')) return
|
if ($next.hasClass('active')) return
|
||||||
|
|
||||||
@@ -159,11 +159,11 @@
|
|||||||
$.fn.carousel = function (option) {
|
$.fn.carousel = function (option) {
|
||||||
return this.each(function () {
|
return this.each(function () {
|
||||||
var $this = $(this)
|
var $this = $(this)
|
||||||
var data = $this.data('carousel')
|
var data = $this.data('bs-carousel')
|
||||||
var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option)
|
var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option)
|
||||||
var action = typeof option == 'string' ? option : options.slide
|
var action = typeof option == 'string' ? option : options.slide
|
||||||
|
|
||||||
if (!data) $this.data('carousel', (data = new Carousel(this, options)))
|
if (!data) $this.data('bs-carousel', (data = new Carousel(this, options)))
|
||||||
if (typeof option == 'number') data.to(option)
|
if (typeof option == 'number') data.to(option)
|
||||||
else if (action) data[action]()
|
else if (action) data[action]()
|
||||||
else if (options.interval) data.pause().cycle()
|
else if (options.interval) data.pause().cycle()
|
||||||
@@ -181,6 +181,7 @@
|
|||||||
return this
|
return this
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// CAROUSEL DATA-API
|
// CAROUSEL DATA-API
|
||||||
// =================
|
// =================
|
||||||
|
|
||||||
|
@@ -56,7 +56,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
this.$element[dimension](0)
|
this.$element[dimension](0)
|
||||||
this.transition('addClass', $.Event('show'), 'shown')
|
this.transition('addClass', $.Event('bs:collapse:show'), 'shown')
|
||||||
|
|
||||||
if ($.support.transition) this.$element[dimension](this.$element[0][scroll])
|
if ($.support.transition) this.$element[dimension](this.$element[0][scroll])
|
||||||
}
|
}
|
||||||
@@ -65,7 +65,7 @@
|
|||||||
if (this.transitioning || !this.$element.hasClass('in')) return
|
if (this.transitioning || !this.$element.hasClass('in')) return
|
||||||
var dimension = this.dimension()
|
var dimension = this.dimension()
|
||||||
this.reset(this.$element[dimension]())
|
this.reset(this.$element[dimension]())
|
||||||
this.transition('removeClass', $.Event('hide'), 'hidden')
|
this.transition('removeClass', $.Event('bs:collapse:hide'), 'hidden')
|
||||||
this.$element[dimension](0)
|
this.$element[dimension](0)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -20,7 +20,6 @@
|
|||||||
|
|
||||||
!function ($) { "use strict";
|
!function ($) { "use strict";
|
||||||
|
|
||||||
|
|
||||||
// DROPDOWN CLASS DEFINITION
|
// DROPDOWN CLASS DEFINITION
|
||||||
// =========================
|
// =========================
|
||||||
|
|
||||||
|
383
js/modal.js
383
js/modal.js
@@ -18,207 +18,198 @@
|
|||||||
* ========================================================= */
|
* ========================================================= */
|
||||||
|
|
||||||
|
|
||||||
!function ($) {
|
!function ($) { "use strict";
|
||||||
|
|
||||||
"use strict"; // jshint ;_;
|
// MODAL CLASS DEFINITION
|
||||||
|
// ======================
|
||||||
|
|
||||||
/* MODAL CLASS DEFINITION
|
|
||||||
* ====================== */
|
|
||||||
|
|
||||||
var Modal = function (element, options) {
|
var Modal = function (element, options) {
|
||||||
this.options = options
|
this.options = options
|
||||||
this.$element = $(element)
|
this.$element = $(element).delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
|
||||||
.delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
|
this.$backdrop =
|
||||||
this.options.remote && this.$element.find('.modal-body').load(this.options.remote)
|
this.isShown = null
|
||||||
|
|
||||||
|
if (this.options.remote) this.$element.find('.modal-body').load(this.options.remote)
|
||||||
}
|
}
|
||||||
|
|
||||||
Modal.prototype = {
|
Modal.DEFAULTS = {
|
||||||
|
|
||||||
constructor: Modal
|
|
||||||
|
|
||||||
, toggle: function () {
|
|
||||||
return this[!this.isShown ? 'show' : 'hide']()
|
|
||||||
}
|
|
||||||
|
|
||||||
, show: function () {
|
|
||||||
var that = this
|
|
||||||
, e = $.Event('show')
|
|
||||||
|
|
||||||
this.$element.trigger(e)
|
|
||||||
|
|
||||||
if (this.isShown || e.isDefaultPrevented()) return
|
|
||||||
|
|
||||||
this.isShown = true
|
|
||||||
|
|
||||||
this.escape()
|
|
||||||
|
|
||||||
this.backdrop(function () {
|
|
||||||
var transition = $.support.transition && that.$element.hasClass('fade')
|
|
||||||
|
|
||||||
if (!that.$element.parent().length) {
|
|
||||||
that.$element.appendTo(document.body) //don't move modals dom position
|
|
||||||
}
|
|
||||||
|
|
||||||
that.$element.show()
|
|
||||||
|
|
||||||
if (transition) {
|
|
||||||
that.$element[0].offsetWidth // force reflow
|
|
||||||
}
|
|
||||||
|
|
||||||
that.$element
|
|
||||||
.addClass('in')
|
|
||||||
.attr('aria-hidden', false)
|
|
||||||
|
|
||||||
that.enforceFocus()
|
|
||||||
|
|
||||||
transition ?
|
|
||||||
that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) :
|
|
||||||
that.$element.focus().trigger('shown')
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, hide: function (e) {
|
|
||||||
e && e.preventDefault()
|
|
||||||
|
|
||||||
var that = this
|
|
||||||
|
|
||||||
e = $.Event('hide')
|
|
||||||
|
|
||||||
this.$element.trigger(e)
|
|
||||||
|
|
||||||
if (!this.isShown || e.isDefaultPrevented()) return
|
|
||||||
|
|
||||||
this.isShown = false
|
|
||||||
|
|
||||||
this.escape()
|
|
||||||
|
|
||||||
$(document).off('focusin.modal')
|
|
||||||
|
|
||||||
this.$element
|
|
||||||
.removeClass('in')
|
|
||||||
.attr('aria-hidden', true)
|
|
||||||
|
|
||||||
$.support.transition && this.$element.hasClass('fade') ?
|
|
||||||
this.hideWithTransition() :
|
|
||||||
this.hideModal()
|
|
||||||
}
|
|
||||||
|
|
||||||
, enforceFocus: function () {
|
|
||||||
var that = this
|
|
||||||
$(document).on('focusin.modal', function (e) {
|
|
||||||
if (that.$element[0] !== e.target && !that.$element.has(e.target).length) {
|
|
||||||
that.$element.focus()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, escape: function () {
|
|
||||||
var that = this
|
|
||||||
if (this.isShown && this.options.keyboard) {
|
|
||||||
this.$element.on('keyup.dismiss.modal', function ( e ) {
|
|
||||||
e.which == 27 && that.hide()
|
|
||||||
})
|
|
||||||
} else if (!this.isShown) {
|
|
||||||
this.$element.off('keyup.dismiss.modal')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
, hideWithTransition: function () {
|
|
||||||
var that = this
|
|
||||||
, timeout = setTimeout(function () {
|
|
||||||
that.$element.off($.support.transition.end)
|
|
||||||
that.hideModal()
|
|
||||||
}, 500)
|
|
||||||
|
|
||||||
this.$element.one($.support.transition.end, function () {
|
|
||||||
clearTimeout(timeout)
|
|
||||||
that.hideModal()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, hideModal: function () {
|
|
||||||
var that = this
|
|
||||||
this.$element.hide()
|
|
||||||
this.backdrop(function () {
|
|
||||||
that.removeBackdrop()
|
|
||||||
that.$element.trigger('hidden')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, removeBackdrop: function () {
|
|
||||||
this.$backdrop && this.$backdrop.remove()
|
|
||||||
this.$backdrop = null
|
|
||||||
}
|
|
||||||
|
|
||||||
, backdrop: function (callback) {
|
|
||||||
var that = this
|
|
||||||
, animate = this.$element.hasClass('fade') ? 'fade' : ''
|
|
||||||
|
|
||||||
if (this.isShown && this.options.backdrop) {
|
|
||||||
var doAnimate = $.support.transition && animate
|
|
||||||
|
|
||||||
this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
|
|
||||||
.appendTo(document.body)
|
|
||||||
|
|
||||||
this.$backdrop.click(
|
|
||||||
this.options.backdrop == 'static' ?
|
|
||||||
$.proxy(this.$element[0].focus, this.$element[0])
|
|
||||||
: $.proxy(this.hide, this)
|
|
||||||
)
|
|
||||||
|
|
||||||
if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
|
|
||||||
|
|
||||||
this.$backdrop.addClass('in')
|
|
||||||
|
|
||||||
if (!callback) return
|
|
||||||
|
|
||||||
doAnimate ?
|
|
||||||
this.$backdrop.one($.support.transition.end, callback) :
|
|
||||||
callback()
|
|
||||||
|
|
||||||
} else if (!this.isShown && this.$backdrop) {
|
|
||||||
this.$backdrop.removeClass('in')
|
|
||||||
|
|
||||||
$.support.transition && this.$element.hasClass('fade')?
|
|
||||||
this.$backdrop.one($.support.transition.end, callback) :
|
|
||||||
callback()
|
|
||||||
|
|
||||||
} else if (callback) {
|
|
||||||
callback()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL PLUGIN DEFINITION
|
|
||||||
* ======================= */
|
|
||||||
|
|
||||||
var old = $.fn.modal
|
|
||||||
|
|
||||||
$.fn.modal = function (option) {
|
|
||||||
return this.each(function () {
|
|
||||||
var $this = $(this)
|
|
||||||
, data = $this.data('modal')
|
|
||||||
, options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option)
|
|
||||||
if (!data) $this.data('modal', (data = new Modal(this, options)))
|
|
||||||
if (typeof option == 'string') data[option]()
|
|
||||||
else if (options.show) data.show()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.modal.defaults = {
|
|
||||||
backdrop: true
|
backdrop: true
|
||||||
, keyboard: true
|
, keyboard: true
|
||||||
, show: true
|
, show: true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Modal.prototype.toggle = function () {
|
||||||
|
return this[!this.isShown ? 'show' : 'hide']()
|
||||||
|
}
|
||||||
|
|
||||||
|
Modal.prototype.show = function () {
|
||||||
|
var that = this
|
||||||
|
var e = $.Event('bs:modal:show')
|
||||||
|
|
||||||
|
this.$element.trigger(e)
|
||||||
|
|
||||||
|
if (this.isShown || e.isDefaultPrevented()) return
|
||||||
|
|
||||||
|
this.isShown = true
|
||||||
|
|
||||||
|
this.escape()
|
||||||
|
|
||||||
|
this.backdrop(function () {
|
||||||
|
var transition = $.support.transition && that.$element.hasClass('fade')
|
||||||
|
|
||||||
|
if (!that.$element.parent().length) {
|
||||||
|
that.$element.appendTo(document.body) //don't move modals dom position
|
||||||
|
}
|
||||||
|
|
||||||
|
that.$element.show()
|
||||||
|
|
||||||
|
if (transition) {
|
||||||
|
that.$element[0].offsetWidth // force reflow
|
||||||
|
}
|
||||||
|
|
||||||
|
that.$element
|
||||||
|
.addClass('in')
|
||||||
|
.attr('aria-hidden', false)
|
||||||
|
|
||||||
|
that.enforceFocus()
|
||||||
|
|
||||||
|
transition ?
|
||||||
|
that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('bs:modal:shown') }) :
|
||||||
|
that.$element.focus().trigger('bs:modal:shown')
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
Modal.prototype.show = function (e) {
|
||||||
|
if (e) e.preventDefault()
|
||||||
|
|
||||||
|
e = $.Event('bs:modal:hide')
|
||||||
|
|
||||||
|
this.$element.trigger(e)
|
||||||
|
|
||||||
|
if (!this.isShown || e.isDefaultPrevented()) return
|
||||||
|
|
||||||
|
this.isShown = false
|
||||||
|
|
||||||
|
this.escape()
|
||||||
|
|
||||||
|
$(document).off('focusin.modal')
|
||||||
|
|
||||||
|
this.$element
|
||||||
|
.removeClass('in')
|
||||||
|
.attr('aria-hidden', true)
|
||||||
|
|
||||||
|
$.support.transition && this.$element.hasClass('fade') ?
|
||||||
|
this.hideWithTransition() :
|
||||||
|
this.hideModal()
|
||||||
|
}
|
||||||
|
|
||||||
|
Modal.prototype.enforceFocus = function () {
|
||||||
|
$(document).on('focusin.modal', function (e) {
|
||||||
|
if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
|
||||||
|
this.$element.focus()
|
||||||
|
}
|
||||||
|
}, this)
|
||||||
|
}
|
||||||
|
|
||||||
|
Modal.prototype.escape = function () {
|
||||||
|
if (this.isShown && this.options.keyboard) {
|
||||||
|
this.$element.on('keyup.dismiss.modal', function ( e ) {
|
||||||
|
e.which == 27 && this.hide()
|
||||||
|
}, this)
|
||||||
|
} else if (!this.isShown) {
|
||||||
|
this.$element.off('keyup.dismiss.modal')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Modal.prototype.hideWithTransition = function () {
|
||||||
|
var that = this
|
||||||
|
var timeout = setTimeout(function () {
|
||||||
|
that.$element.off($.support.transition.end)
|
||||||
|
that.hideModal()
|
||||||
|
}, 500)
|
||||||
|
|
||||||
|
this.$element.one($.support.transition.end, function () {
|
||||||
|
clearTimeout(timeout)
|
||||||
|
that.hideModal()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
Modal.prototype.hideModal = function () {
|
||||||
|
var that = this
|
||||||
|
this.$element.hide()
|
||||||
|
this.backdrop(function () {
|
||||||
|
that.removeBackdrop()
|
||||||
|
that.$element.trigger('bs:modal:hidden')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
Modal.prototype.removeBackdrop: function () {
|
||||||
|
this.$backdrop && this.$backdrop.remove()
|
||||||
|
this.$backdrop = null
|
||||||
|
}
|
||||||
|
|
||||||
|
Modal.prototype.backdrop: function (callback) {
|
||||||
|
var that = this
|
||||||
|
var animate = this.$element.hasClass('fade') ? 'fade' : ''
|
||||||
|
|
||||||
|
if (this.isShown && this.options.backdrop) {
|
||||||
|
var doAnimate = $.support.transition && animate
|
||||||
|
|
||||||
|
this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
|
||||||
|
.appendTo(document.body)
|
||||||
|
|
||||||
|
this.$backdrop.click(
|
||||||
|
this.options.backdrop == 'static' ?
|
||||||
|
$.proxy(this.$element[0].focus, this.$element[0])
|
||||||
|
: $.proxy(this.hide, this)
|
||||||
|
)
|
||||||
|
|
||||||
|
if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
|
||||||
|
|
||||||
|
this.$backdrop.addClass('in')
|
||||||
|
|
||||||
|
if (!callback) return
|
||||||
|
|
||||||
|
doAnimate ?
|
||||||
|
this.$backdrop.one($.support.transition.end, callback) :
|
||||||
|
callback()
|
||||||
|
|
||||||
|
} else if (!this.isShown && this.$backdrop) {
|
||||||
|
this.$backdrop.removeClass('in')
|
||||||
|
|
||||||
|
$.support.transition && this.$element.hasClass('fade')?
|
||||||
|
this.$backdrop.one($.support.transition.end, callback) :
|
||||||
|
callback()
|
||||||
|
|
||||||
|
} else if (callback) {
|
||||||
|
callback()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// MODAL PLUGIN DEFINITION
|
||||||
|
// =======================
|
||||||
|
|
||||||
|
var old = $.fn.modal
|
||||||
|
|
||||||
|
$.fn.modal = function (option) {
|
||||||
|
return this.each(function () {
|
||||||
|
var $this = $(this)
|
||||||
|
var data = $this.data('bs-modal')
|
||||||
|
var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
|
||||||
|
|
||||||
|
if (!data) $this.data('bs-modal', (data = new Modal(this, options)))
|
||||||
|
if (typeof option == 'string') data[option]()
|
||||||
|
else if (options.show) data.show()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
$.fn.modal.Constructor = Modal
|
$.fn.modal.Constructor = Modal
|
||||||
|
|
||||||
|
|
||||||
/* MODAL NO CONFLICT
|
// MODAL NO CONFLICT
|
||||||
* ================= */
|
// =================
|
||||||
|
|
||||||
$.fn.modal.noConflict = function () {
|
$.fn.modal.noConflict = function () {
|
||||||
$.fn.modal = old
|
$.fn.modal = old
|
||||||
@@ -226,14 +217,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* MODAL DATA-API
|
// MODAL DATA-API
|
||||||
* ============== */
|
// ==============
|
||||||
|
|
||||||
$(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
|
$(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
|
||||||
var $this = $(this)
|
var $this = $(this)
|
||||||
, href = $this.attr('href')
|
var href = $this.attr('href')
|
||||||
, $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7
|
var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7
|
||||||
, option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data())
|
var option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data())
|
||||||
|
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
|
|
||||||
@@ -245,7 +236,7 @@
|
|||||||
})
|
})
|
||||||
|
|
||||||
var $body = $(document.body)
|
var $body = $(document.body)
|
||||||
.on('shown', '.modal', function () { $body.addClass('modal-open') })
|
.on('bs:modal:shown', '.modal', function () { $body.addClass('modal-open') })
|
||||||
.on('hidden', '.modal', function () { $body.removeClass('modal-open') })
|
.on('bs:modal:hidden', '.modal', function () { $body.removeClass('modal-open') })
|
||||||
|
|
||||||
}(window.jQuery);
|
}(window.jQuery);
|
||||||
|
143
js/popover.js
143
js/popover.js
@@ -18,84 +18,16 @@
|
|||||||
* =========================================================== */
|
* =========================================================== */
|
||||||
|
|
||||||
|
|
||||||
!function ($) {
|
!function ($) { "use strict";
|
||||||
|
|
||||||
"use strict"; // jshint ;_;
|
// POPOVER PUBLIC CLASS DEFINITION
|
||||||
|
// ===============================
|
||||||
|
|
||||||
/* POPOVER PUBLIC CLASS DEFINITION
|
|
||||||
* =============================== */
|
|
||||||
|
|
||||||
var Popover = function (element, options) {
|
var Popover = function (element, options) {
|
||||||
this.init('popover', element, options)
|
this.init('popover', element, options)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Popover.DEFAULTS = $.extend({} , $.fn.tooltip.Constructor.DEFAULTS, {
|
||||||
/* NOTE: POPOVER EXTENDS tooltip.js
|
|
||||||
========================================== */
|
|
||||||
|
|
||||||
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, {
|
|
||||||
|
|
||||||
constructor: Popover
|
|
||||||
|
|
||||||
, setContent: function () {
|
|
||||||
var $tip = this.tip()
|
|
||||||
, title = this.getTitle()
|
|
||||||
, content = this.getContent()
|
|
||||||
|
|
||||||
$tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
|
|
||||||
$tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content)
|
|
||||||
|
|
||||||
$tip.removeClass('fade top bottom left right in')
|
|
||||||
}
|
|
||||||
|
|
||||||
, hasContent: function () {
|
|
||||||
return this.getTitle() || this.getContent()
|
|
||||||
}
|
|
||||||
|
|
||||||
, getContent: function () {
|
|
||||||
var content
|
|
||||||
, $e = this.$element
|
|
||||||
, o = this.options
|
|
||||||
|
|
||||||
content = (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)
|
|
||||||
|| $e.attr('data-content')
|
|
||||||
|
|
||||||
return content
|
|
||||||
}
|
|
||||||
|
|
||||||
, tip: function () {
|
|
||||||
if (!this.$tip) {
|
|
||||||
this.$tip = $(this.options.template)
|
|
||||||
}
|
|
||||||
return this.$tip
|
|
||||||
}
|
|
||||||
|
|
||||||
, destroy: function () {
|
|
||||||
this.hide().$element.off('.' + this.type).removeData(this.type)
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
/* POPOVER PLUGIN DEFINITION
|
|
||||||
* ======================= */
|
|
||||||
|
|
||||||
var old = $.fn.popover
|
|
||||||
|
|
||||||
$.fn.popover = function (option) {
|
|
||||||
return this.each(function () {
|
|
||||||
var $this = $(this)
|
|
||||||
, data = $this.data('popover')
|
|
||||||
, options = typeof option == 'object' && option
|
|
||||||
if (!data) $this.data('popover', (data = new Popover(this, options)))
|
|
||||||
if (typeof option == 'string') data[option]()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.popover.Constructor = Popover
|
|
||||||
|
|
||||||
$.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
|
|
||||||
placement: 'right'
|
placement: 'right'
|
||||||
, trigger: 'click'
|
, trigger: 'click'
|
||||||
, content: ''
|
, content: ''
|
||||||
@@ -103,8 +35,71 @@
|
|||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
/* POPOVER NO CONFLICT
|
// NOTE: POPOVER EXTENDS tooltip.js
|
||||||
* =================== */
|
// ================================
|
||||||
|
|
||||||
|
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
|
||||||
|
|
||||||
|
Popover.prototype.constructor = Popover
|
||||||
|
|
||||||
|
Popover.prototype.getDefaults = function () {
|
||||||
|
return Popover.DEFAULTS
|
||||||
|
}
|
||||||
|
|
||||||
|
Popover.prototype.setContent = function () {
|
||||||
|
var $tip = this.tip()
|
||||||
|
var title = this.getTitle()
|
||||||
|
var content = this.getContent()
|
||||||
|
|
||||||
|
$tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
|
||||||
|
$tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content)
|
||||||
|
|
||||||
|
$tip.removeClass('fade top bottom left right in')
|
||||||
|
}
|
||||||
|
|
||||||
|
Popover.prototype.hasContent = function () {
|
||||||
|
return this.getTitle() || this.getContent()
|
||||||
|
}
|
||||||
|
|
||||||
|
Popover.prototype.getContent = function () {
|
||||||
|
var content = typeof this.options.content == 'function' ?
|
||||||
|
this.options.content.call($e[0]) :
|
||||||
|
this.options.content
|
||||||
|
|
||||||
|
return content || this.$element.attr('data-content')
|
||||||
|
}
|
||||||
|
|
||||||
|
Popover.prototype.tip = function () {
|
||||||
|
if (!this.$tip) this.$tip = $(this.options.template)
|
||||||
|
return this.$tip
|
||||||
|
}
|
||||||
|
|
||||||
|
Popover.prototype.destroy = function () {
|
||||||
|
this.hide().$element.off('.' + this.type).removeData(this.type)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// POPOVER PLUGIN DEFINITION
|
||||||
|
// =========================
|
||||||
|
|
||||||
|
var old = $.fn.popover
|
||||||
|
|
||||||
|
$.fn.popover = function (option) {
|
||||||
|
return this.each(function () {
|
||||||
|
var $this = $(this)
|
||||||
|
var data = $this.data('bs-popover')
|
||||||
|
var options = typeof option == 'object' && option
|
||||||
|
|
||||||
|
if (!data) $this.data('bs-popover', (data = new Popover(this, options)))
|
||||||
|
if (typeof option == 'string') data[option]()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
$.fn.popover.Constructor = Popover
|
||||||
|
|
||||||
|
|
||||||
|
// POPOVER NO CONFLICT
|
||||||
|
// ===================
|
||||||
|
|
||||||
$.fn.popover.noConflict = function () {
|
$.fn.popover.noConflict = function () {
|
||||||
$.fn.popover = old
|
$.fn.popover = old
|
||||||
|
172
js/scrollspy.js
172
js/scrollspy.js
@@ -18,130 +18,124 @@
|
|||||||
* ============================================================== */
|
* ============================================================== */
|
||||||
|
|
||||||
|
|
||||||
!function ($) {
|
!function ($) { "use strict";
|
||||||
|
|
||||||
"use strict"; // jshint ;_;
|
// SCROLLSPY CLASS DEFINITION
|
||||||
|
// ==========================
|
||||||
|
|
||||||
/* SCROLLSPY CLASS DEFINITION
|
|
||||||
* ========================== */
|
|
||||||
|
|
||||||
function ScrollSpy(element, options) {
|
function ScrollSpy(element, options) {
|
||||||
var process = $.proxy(this.process, this)
|
var href
|
||||||
, $element = $(element).is('body') ? $(window) : $(element)
|
var process = $.proxy(this.process, this)
|
||||||
, href
|
var $element = $(element).is('body') ? $(window) : $(element)
|
||||||
this.options = $.extend({}, $.fn.scrollspy.defaults, options)
|
|
||||||
|
this.$body = $('body')
|
||||||
this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process)
|
this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process)
|
||||||
this.selector = (this.options.target
|
this.options = $.extend({}, ScrollSpy.DEFAULTS, options)
|
||||||
|
this.selector = (this.options.target
|
||||||
|| ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
|
|| ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
|
||||||
|| '') + ' .nav li > a'
|
|| '') + ' .nav li > a'
|
||||||
this.$body = $('body')
|
this.offsets = $([])
|
||||||
|
this.targets = $([])
|
||||||
|
this.activeTarget = null
|
||||||
|
|
||||||
this.refresh()
|
this.refresh()
|
||||||
this.process()
|
this.process()
|
||||||
}
|
}
|
||||||
|
|
||||||
ScrollSpy.prototype = {
|
ScrollSpy.DEFAULTS = {
|
||||||
|
offset: 10
|
||||||
|
}
|
||||||
|
|
||||||
constructor: ScrollSpy
|
ScrollSpy.prototype.refresh = function () {
|
||||||
|
this.offsets = $([])
|
||||||
|
this.targets = $([])
|
||||||
|
|
||||||
, refresh: function () {
|
var self = this
|
||||||
var self = this
|
var $targets = this.$body
|
||||||
, $targets
|
.find(this.selector)
|
||||||
|
.map(function () {
|
||||||
|
var $el = $(this)
|
||||||
|
var href = $el.data('target') || $el.attr('href')
|
||||||
|
var $href = /^#\w/.test(href) && $(href)
|
||||||
|
|
||||||
this.offsets = $([])
|
return ($href
|
||||||
this.targets = $([])
|
&& $href.length
|
||||||
|
&& [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null
|
||||||
|
})
|
||||||
|
.sort(function (a, b) { return a[0] - b[0] })
|
||||||
|
.each(function () {
|
||||||
|
self.offsets.push(this[0])
|
||||||
|
self.targets.push(this[1])
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
$targets = this.$body
|
ScrollSpy.prototype.process = function () {
|
||||||
.find(this.selector)
|
var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
|
||||||
.map(function () {
|
var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
|
||||||
var $el = $(this)
|
var maxScroll = scrollHeight - this.$scrollElement.height()
|
||||||
, href = $el.data('target') || $el.attr('href')
|
var offsets = this.offsets
|
||||||
, $href = /^#\w/.test(href) && $(href)
|
var targets = this.targets
|
||||||
return ( $href
|
var activeTarget = this.activeTarget
|
||||||
&& $href.length
|
var i
|
||||||
&& [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]] ) || null
|
|
||||||
})
|
|
||||||
.sort(function (a, b) { return a[0] - b[0] })
|
|
||||||
.each(function () {
|
|
||||||
self.offsets.push(this[0])
|
|
||||||
self.targets.push(this[1])
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, process: function () {
|
if (scrollTop >= maxScroll) {
|
||||||
var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
|
return activeTarget != (i = targets.last()[0]) && this.activate(i)
|
||||||
, scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
|
}
|
||||||
, maxScroll = scrollHeight - this.$scrollElement.height()
|
|
||||||
, offsets = this.offsets
|
|
||||||
, targets = this.targets
|
|
||||||
, activeTarget = this.activeTarget
|
|
||||||
, i
|
|
||||||
|
|
||||||
if (scrollTop >= maxScroll) {
|
for (i = offsets.length; i--;) {
|
||||||
return activeTarget != (i = targets.last()[0])
|
activeTarget != targets[i]
|
||||||
&& this.activate ( i )
|
&& scrollTop >= offsets[i]
|
||||||
}
|
&& (!offsets[i + 1] || scrollTop <= offsets[i + 1])
|
||||||
|
&& this.activate( targets[i] )
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
for (i = offsets.length; i--;) {
|
ScrollSpy.prototype.activate = function (target) {
|
||||||
activeTarget != targets[i]
|
this.activeTarget = target
|
||||||
&& scrollTop >= offsets[i]
|
|
||||||
&& (!offsets[i + 1] || scrollTop <= offsets[i + 1])
|
|
||||||
&& this.activate( targets[i] )
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
, activate: function (target) {
|
$(this.selector)
|
||||||
var active
|
.parents('.active')
|
||||||
, selector
|
.removeClass('active')
|
||||||
|
|
||||||
this.activeTarget = target
|
var selector = this.selector
|
||||||
|
+ '[data-target="' + target + '"],'
|
||||||
|
+ this.selector + '[href="' + target + '"]'
|
||||||
|
|
||||||
$(this.selector)
|
var active = $(selector)
|
||||||
.parents('.active')
|
.parents('li')
|
||||||
.removeClass('active')
|
.addClass('active')
|
||||||
|
|
||||||
selector = this.selector
|
if (active.parent('.dropdown-menu').length) {
|
||||||
+ '[data-target="' + target + '"],'
|
active = active
|
||||||
+ this.selector + '[href="' + target + '"]'
|
.closest('li.dropdown')
|
||||||
|
.addClass('active')
|
||||||
active = $(selector)
|
}
|
||||||
.parents('li')
|
|
||||||
.addClass('active')
|
|
||||||
|
|
||||||
if (active.parent('.dropdown-menu').length) {
|
|
||||||
active = active.closest('li.dropdown').addClass('active')
|
|
||||||
}
|
|
||||||
|
|
||||||
active.trigger('activate')
|
|
||||||
}
|
|
||||||
|
|
||||||
|
active.trigger('activate')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* SCROLLSPY PLUGIN DEFINITION
|
// SCROLLSPY PLUGIN DEFINITION
|
||||||
* =========================== */
|
// ===========================
|
||||||
|
|
||||||
var old = $.fn.scrollspy
|
var old = $.fn.scrollspy
|
||||||
|
|
||||||
$.fn.scrollspy = function (option) {
|
$.fn.scrollspy = function (option) {
|
||||||
return this.each(function () {
|
return this.each(function () {
|
||||||
var $this = $(this)
|
var $this = $(this)
|
||||||
, data = $this.data('scrollspy')
|
var data = $this.data('bs-scrollspy')
|
||||||
, options = typeof option == 'object' && option
|
var options = typeof option == 'object' && option
|
||||||
if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options)))
|
|
||||||
|
if (!data) $this.data('bs-scrollspy', (data = new ScrollSpy(this, options)))
|
||||||
if (typeof option == 'string') data[option]()
|
if (typeof option == 'string') data[option]()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
$.fn.scrollspy.Constructor = ScrollSpy
|
$.fn.scrollspy.Constructor = ScrollSpy
|
||||||
|
|
||||||
$.fn.scrollspy.defaults = {
|
|
||||||
offset: 10
|
|
||||||
}
|
|
||||||
|
|
||||||
|
// SCROLLSPY NO CONFLICT
|
||||||
/* SCROLLSPY NO CONFLICT
|
// =====================
|
||||||
* ===================== */
|
|
||||||
|
|
||||||
$.fn.scrollspy.noConflict = function () {
|
$.fn.scrollspy.noConflict = function () {
|
||||||
$.fn.scrollspy = old
|
$.fn.scrollspy = old
|
||||||
@@ -149,8 +143,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* SCROLLSPY DATA-API
|
// SCROLLSPY DATA-API
|
||||||
* ================== */
|
// ==================
|
||||||
|
|
||||||
$(window).on('load', function () {
|
$(window).on('load', function () {
|
||||||
$('[data-spy="scroll"]').each(function () {
|
$('[data-spy="scroll"]').each(function () {
|
||||||
|
141
js/tab.js
141
js/tab.js
@@ -18,105 +18,94 @@
|
|||||||
* ======================================================== */
|
* ======================================================== */
|
||||||
|
|
||||||
|
|
||||||
!function ($) {
|
!function ($) { "use strict";
|
||||||
|
|
||||||
"use strict"; // jshint ;_;
|
// TAB CLASS DEFINITION
|
||||||
|
// ====================
|
||||||
|
|
||||||
/* TAB CLASS DEFINITION
|
|
||||||
* ==================== */
|
|
||||||
|
|
||||||
var Tab = function (element) {
|
var Tab = function (element) {
|
||||||
this.element = $(element)
|
this.element = $(element)
|
||||||
}
|
}
|
||||||
|
|
||||||
Tab.prototype = {
|
Tab.prototype.show = function () {
|
||||||
|
var $this = this.element
|
||||||
|
var $ul = $this.closest('ul:not(.dropdown-menu)')
|
||||||
|
var selector = $this.attr('data-target')
|
||||||
|
|
||||||
constructor: Tab
|
if (!selector) {
|
||||||
|
selector = $this.attr('href')
|
||||||
, show: function () {
|
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
||||||
var $this = this.element
|
|
||||||
, $ul = $this.closest('ul:not(.dropdown-menu)')
|
|
||||||
, selector = $this.attr('data-target')
|
|
||||||
, previous
|
|
||||||
, $target
|
|
||||||
, e
|
|
||||||
|
|
||||||
if (!selector) {
|
|
||||||
selector = $this.attr('href')
|
|
||||||
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( $this.parent('li').hasClass('active') ) return
|
|
||||||
|
|
||||||
previous = $ul.find('.active:last a')[0]
|
|
||||||
|
|
||||||
e = $.Event('show', {
|
|
||||||
relatedTarget: previous
|
|
||||||
})
|
|
||||||
|
|
||||||
$this.trigger(e)
|
|
||||||
|
|
||||||
if (e.isDefaultPrevented()) return
|
|
||||||
|
|
||||||
$target = $(selector)
|
|
||||||
|
|
||||||
this.activate($this.parent('li'), $ul)
|
|
||||||
this.activate($target, $target.parent(), function () {
|
|
||||||
$this.trigger({
|
|
||||||
type: 'shown'
|
|
||||||
, relatedTarget: previous
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
|
||||||
, activate: function ( element, container, callback) {
|
if ($this.parent('li').hasClass('active')) return
|
||||||
var $active = container.find('> .active')
|
|
||||||
, transition = callback
|
|
||||||
&& $.support.transition
|
|
||||||
&& $active.hasClass('fade')
|
|
||||||
|
|
||||||
function next() {
|
var previous = $ul.find('.active:last a')[0]
|
||||||
$active
|
var e = $.Event('bs:tab:show', {
|
||||||
.removeClass('active')
|
relatedTarget: previous
|
||||||
.find('> .dropdown-menu > .active')
|
})
|
||||||
.removeClass('active')
|
|
||||||
|
|
||||||
element.addClass('active')
|
$this.trigger(e)
|
||||||
|
|
||||||
if (transition) {
|
if (e.isDefaultPrevented()) return
|
||||||
element[0].offsetWidth // reflow for transition
|
|
||||||
element.addClass('in')
|
|
||||||
} else {
|
|
||||||
element.removeClass('fade')
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( element.parent('.dropdown-menu') ) {
|
var $target = $(selector)
|
||||||
element.closest('li.dropdown').addClass('active')
|
|
||||||
}
|
|
||||||
|
|
||||||
callback && callback()
|
this.activate($this.parent('li'), $ul)
|
||||||
|
this.activate($target, $target.parent(), function () {
|
||||||
|
$this.trigger({
|
||||||
|
type: 'bs:tab:shown'
|
||||||
|
, relatedTarget: previous
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
Tab.prototype.activate = function (element, container, callback) {
|
||||||
|
var $active = container.find('> .active')
|
||||||
|
var transition = callback
|
||||||
|
&& $.support.transition
|
||||||
|
&& $active.hasClass('fade')
|
||||||
|
|
||||||
|
function next() {
|
||||||
|
$active
|
||||||
|
.removeClass('active')
|
||||||
|
.find('> .dropdown-menu > .active')
|
||||||
|
.removeClass('active')
|
||||||
|
|
||||||
|
element.addClass('active')
|
||||||
|
|
||||||
|
if (transition) {
|
||||||
|
element[0].offsetWidth // reflow for transition
|
||||||
|
element.addClass('in')
|
||||||
|
} else {
|
||||||
|
element.removeClass('fade')
|
||||||
}
|
}
|
||||||
|
|
||||||
transition ?
|
if (element.parent('.dropdown-menu')) {
|
||||||
$active.one($.support.transition.end, next) :
|
element.closest('li.dropdown').addClass('active')
|
||||||
next()
|
}
|
||||||
|
|
||||||
$active.removeClass('in')
|
callback && callback()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
transition ?
|
||||||
|
$active.one($.support.transition.end, next) :
|
||||||
|
next()
|
||||||
|
|
||||||
|
$active.removeClass('in')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* TAB PLUGIN DEFINITION
|
// TAB PLUGIN DEFINITION
|
||||||
* ===================== */
|
// =====================
|
||||||
|
|
||||||
var old = $.fn.tab
|
var old = $.fn.tab
|
||||||
|
|
||||||
$.fn.tab = function ( option ) {
|
$.fn.tab = function ( option ) {
|
||||||
return this.each(function () {
|
return this.each(function () {
|
||||||
var $this = $(this)
|
var $this = $(this)
|
||||||
, data = $this.data('tab')
|
var data = $this.data('bs-tab')
|
||||||
if (!data) $this.data('tab', (data = new Tab(this)))
|
|
||||||
|
if (!data) $this.data('bs-tab', (data = new Tab(this)))
|
||||||
if (typeof option == 'string') data[option]()
|
if (typeof option == 'string') data[option]()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -124,8 +113,8 @@
|
|||||||
$.fn.tab.Constructor = Tab
|
$.fn.tab.Constructor = Tab
|
||||||
|
|
||||||
|
|
||||||
/* TAB NO CONFLICT
|
// TAB NO CONFLICT
|
||||||
* =============== */
|
// ===============
|
||||||
|
|
||||||
$.fn.tab.noConflict = function () {
|
$.fn.tab.noConflict = function () {
|
||||||
$.fn.tab = old
|
$.fn.tab = old
|
||||||
@@ -133,8 +122,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* TAB DATA-API
|
// TAB DATA-API
|
||||||
* ============ */
|
// ============
|
||||||
|
|
||||||
$(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
|
$(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
|
620
js/tooltip.js
620
js/tooltip.js
@@ -19,325 +19,23 @@
|
|||||||
* ========================================================== */
|
* ========================================================== */
|
||||||
|
|
||||||
|
|
||||||
!function ($) {
|
!function ($) { "use strict";
|
||||||
|
|
||||||
"use strict"; // jshint ;_;
|
// TOOLTIP PUBLIC CLASS DEFINITION
|
||||||
|
// ===============================
|
||||||
|
|
||||||
/* TOOLTIP PUBLIC CLASS DEFINITION
|
|
||||||
* =============================== */
|
|
||||||
|
|
||||||
var Tooltip = function (element, options) {
|
var Tooltip = function (element, options) {
|
||||||
|
this.type =
|
||||||
|
this.options =
|
||||||
|
this.enabled =
|
||||||
|
this.timeout =
|
||||||
|
this.hoverState =
|
||||||
|
this.$element = null
|
||||||
|
|
||||||
this.init('tooltip', element, options)
|
this.init('tooltip', element, options)
|
||||||
}
|
}
|
||||||
|
|
||||||
Tooltip.prototype = {
|
Tooltip.DEFAULTS = {
|
||||||
|
|
||||||
constructor: Tooltip
|
|
||||||
|
|
||||||
, init: function (type, element, options) {
|
|
||||||
var eventIn
|
|
||||||
, eventOut
|
|
||||||
, triggers
|
|
||||||
, trigger
|
|
||||||
, i
|
|
||||||
|
|
||||||
this.type = type
|
|
||||||
this.$element = $(element)
|
|
||||||
this.options = this.getOptions(options)
|
|
||||||
this.enabled = true
|
|
||||||
|
|
||||||
triggers = this.options.trigger.split(' ')
|
|
||||||
|
|
||||||
for (i = triggers.length; i--;) {
|
|
||||||
trigger = triggers[i]
|
|
||||||
if (trigger == 'click') {
|
|
||||||
this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
|
|
||||||
} else if (trigger != 'manual') {
|
|
||||||
eventIn = trigger == 'hover' ? 'mouseenter' : 'focus'
|
|
||||||
eventOut = trigger == 'hover' ? 'mouseleave' : 'blur'
|
|
||||||
this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
|
|
||||||
this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.options.selector ?
|
|
||||||
(this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
|
|
||||||
this.fixTitle()
|
|
||||||
}
|
|
||||||
|
|
||||||
, getOptions: function (options) {
|
|
||||||
options = $.extend({}, $.fn[this.type].defaults, this.$element.data(), options)
|
|
||||||
|
|
||||||
if (options.delay && typeof options.delay == 'number') {
|
|
||||||
options.delay = {
|
|
||||||
show: options.delay
|
|
||||||
, hide: options.delay
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return options
|
|
||||||
}
|
|
||||||
|
|
||||||
, enter: function (e) {
|
|
||||||
var defaults = $.fn[this.type].defaults
|
|
||||||
, options = {}
|
|
||||||
, self
|
|
||||||
|
|
||||||
this._options && $.each(this._options, function (key, value) {
|
|
||||||
if (defaults[key] != value) options[key] = value
|
|
||||||
}, this)
|
|
||||||
|
|
||||||
self = $(e.currentTarget)[this.type](options).data(this.type)
|
|
||||||
|
|
||||||
if (!self.options.delay || !self.options.delay.show) return self.show()
|
|
||||||
|
|
||||||
clearTimeout(this.timeout)
|
|
||||||
self.hoverState = 'in'
|
|
||||||
this.timeout = setTimeout(function() {
|
|
||||||
if (self.hoverState == 'in') self.show()
|
|
||||||
}, self.options.delay.show)
|
|
||||||
}
|
|
||||||
|
|
||||||
, leave: function (e) {
|
|
||||||
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
|
||||||
|
|
||||||
if (this.timeout) clearTimeout(this.timeout)
|
|
||||||
if (!self.options.delay || !self.options.delay.hide) return self.hide()
|
|
||||||
|
|
||||||
self.hoverState = 'out'
|
|
||||||
this.timeout = setTimeout(function() {
|
|
||||||
if (self.hoverState == 'out') self.hide()
|
|
||||||
}, self.options.delay.hide)
|
|
||||||
}
|
|
||||||
|
|
||||||
, show: function () {
|
|
||||||
var $tip
|
|
||||||
, pos
|
|
||||||
, actualWidth
|
|
||||||
, actualHeight
|
|
||||||
, placement
|
|
||||||
, tp
|
|
||||||
, e = $.Event('show')
|
|
||||||
|
|
||||||
if (this.hasContent() && this.enabled) {
|
|
||||||
this.$element.trigger(e)
|
|
||||||
if (e.isDefaultPrevented()) return
|
|
||||||
$tip = this.tip()
|
|
||||||
this.setContent()
|
|
||||||
|
|
||||||
if (this.options.animation) {
|
|
||||||
$tip.addClass('fade')
|
|
||||||
}
|
|
||||||
|
|
||||||
placement = typeof this.options.placement == 'function' ?
|
|
||||||
this.options.placement.call(this, $tip[0], this.$element[0]) :
|
|
||||||
this.options.placement
|
|
||||||
|
|
||||||
$tip
|
|
||||||
.detach()
|
|
||||||
.css({ top: 0, left: 0, display: 'block' })
|
|
||||||
|
|
||||||
this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
|
|
||||||
|
|
||||||
pos = this.getPosition()
|
|
||||||
|
|
||||||
actualWidth = $tip[0].offsetWidth
|
|
||||||
actualHeight = $tip[0].offsetHeight
|
|
||||||
|
|
||||||
switch (placement) {
|
|
||||||
case 'bottom':
|
|
||||||
tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}
|
|
||||||
break
|
|
||||||
case 'top':
|
|
||||||
tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}
|
|
||||||
break
|
|
||||||
case 'left':
|
|
||||||
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}
|
|
||||||
break
|
|
||||||
case 'right':
|
|
||||||
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}
|
|
||||||
break
|
|
||||||
}
|
|
||||||
|
|
||||||
this.applyPlacement(tp, placement)
|
|
||||||
this.$element.trigger('shown')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
, applyPlacement: function(offset, placement){
|
|
||||||
var $tip = this.tip()
|
|
||||||
, width = $tip[0].offsetWidth
|
|
||||||
, height = $tip[0].offsetHeight
|
|
||||||
, actualWidth
|
|
||||||
, actualHeight
|
|
||||||
, delta
|
|
||||||
, replace
|
|
||||||
|
|
||||||
$tip
|
|
||||||
.offset(offset)
|
|
||||||
.addClass(placement)
|
|
||||||
.addClass('in')
|
|
||||||
|
|
||||||
actualWidth = $tip[0].offsetWidth
|
|
||||||
actualHeight = $tip[0].offsetHeight
|
|
||||||
|
|
||||||
if (placement == 'top' && actualHeight != height) {
|
|
||||||
offset.top = offset.top + height - actualHeight
|
|
||||||
replace = true
|
|
||||||
}
|
|
||||||
|
|
||||||
if (placement == 'bottom' || placement == 'top') {
|
|
||||||
delta = 0
|
|
||||||
|
|
||||||
if (offset.left < 0){
|
|
||||||
delta = offset.left * -2
|
|
||||||
offset.left = 0
|
|
||||||
$tip.offset(offset)
|
|
||||||
actualWidth = $tip[0].offsetWidth
|
|
||||||
actualHeight = $tip[0].offsetHeight
|
|
||||||
}
|
|
||||||
|
|
||||||
this.replaceArrow(delta - width + actualWidth, actualWidth, 'left')
|
|
||||||
} else {
|
|
||||||
this.replaceArrow(actualHeight - height, actualHeight, 'top')
|
|
||||||
}
|
|
||||||
|
|
||||||
if (replace) $tip.offset(offset)
|
|
||||||
}
|
|
||||||
|
|
||||||
, replaceArrow: function(delta, dimension, position){
|
|
||||||
this
|
|
||||||
.arrow()
|
|
||||||
.css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
|
|
||||||
}
|
|
||||||
|
|
||||||
, setContent: function () {
|
|
||||||
var $tip = this.tip()
|
|
||||||
, title = this.getTitle()
|
|
||||||
|
|
||||||
$tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
|
|
||||||
$tip.removeClass('fade in top bottom left right')
|
|
||||||
}
|
|
||||||
|
|
||||||
, hide: function () {
|
|
||||||
var that = this
|
|
||||||
, $tip = this.tip()
|
|
||||||
, e = $.Event('hide')
|
|
||||||
|
|
||||||
this.$element.trigger(e)
|
|
||||||
if (e.isDefaultPrevented()) return
|
|
||||||
|
|
||||||
$tip.removeClass('in')
|
|
||||||
|
|
||||||
function removeWithAnimation() {
|
|
||||||
var timeout = setTimeout(function () {
|
|
||||||
$tip.off($.support.transition.end).detach()
|
|
||||||
}, 500)
|
|
||||||
|
|
||||||
$tip.one($.support.transition.end, function () {
|
|
||||||
clearTimeout(timeout)
|
|
||||||
$tip.detach()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.support.transition && this.$tip.hasClass('fade') ?
|
|
||||||
removeWithAnimation() :
|
|
||||||
$tip.detach()
|
|
||||||
|
|
||||||
this.$element.trigger('hidden')
|
|
||||||
|
|
||||||
return this
|
|
||||||
}
|
|
||||||
|
|
||||||
, fixTitle: function () {
|
|
||||||
var $e = this.$element
|
|
||||||
if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
|
|
||||||
$e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
, hasContent: function () {
|
|
||||||
return this.getTitle()
|
|
||||||
}
|
|
||||||
|
|
||||||
, getPosition: function () {
|
|
||||||
var el = this.$element[0]
|
|
||||||
return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : {
|
|
||||||
width: el.offsetWidth
|
|
||||||
, height: el.offsetHeight
|
|
||||||
}, this.$element.offset())
|
|
||||||
}
|
|
||||||
|
|
||||||
, getTitle: function () {
|
|
||||||
var title
|
|
||||||
, $e = this.$element
|
|
||||||
, o = this.options
|
|
||||||
|
|
||||||
title = $e.attr('data-original-title')
|
|
||||||
|| (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
|
|
||||||
|
|
||||||
return title
|
|
||||||
}
|
|
||||||
|
|
||||||
, tip: function () {
|
|
||||||
return this.$tip = this.$tip || $(this.options.template)
|
|
||||||
}
|
|
||||||
|
|
||||||
, arrow: function(){
|
|
||||||
return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow")
|
|
||||||
}
|
|
||||||
|
|
||||||
, validate: function () {
|
|
||||||
if (!this.$element[0].parentNode) {
|
|
||||||
this.hide()
|
|
||||||
this.$element = null
|
|
||||||
this.options = null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
, enable: function () {
|
|
||||||
this.enabled = true
|
|
||||||
}
|
|
||||||
|
|
||||||
, disable: function () {
|
|
||||||
this.enabled = false
|
|
||||||
}
|
|
||||||
|
|
||||||
, toggleEnabled: function () {
|
|
||||||
this.enabled = !this.enabled
|
|
||||||
}
|
|
||||||
|
|
||||||
, toggle: function (e) {
|
|
||||||
var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this
|
|
||||||
self.tip().hasClass('in') ? self.hide() : self.show()
|
|
||||||
}
|
|
||||||
|
|
||||||
, destroy: function () {
|
|
||||||
this.hide().$element.off('.' + this.type).removeData(this.type)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* TOOLTIP PLUGIN DEFINITION
|
|
||||||
* ========================= */
|
|
||||||
|
|
||||||
var old = $.fn.tooltip
|
|
||||||
|
|
||||||
$.fn.tooltip = function ( option ) {
|
|
||||||
return this.each(function () {
|
|
||||||
var $this = $(this)
|
|
||||||
, data = $this.data('tooltip')
|
|
||||||
, options = typeof option == 'object' && option
|
|
||||||
if (!data) $this.data('tooltip', (data = new Tooltip(this, options)))
|
|
||||||
if (typeof option == 'string') data[option]()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.tooltip.Constructor = Tooltip
|
|
||||||
|
|
||||||
$.fn.tooltip.defaults = {
|
|
||||||
animation: true
|
animation: true
|
||||||
, placement: 'top'
|
, placement: 'top'
|
||||||
, selector: false
|
, selector: false
|
||||||
@@ -349,9 +47,301 @@
|
|||||||
, container: false
|
, container: false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.init = function (type, element, options) {
|
||||||
|
this.type = type
|
||||||
|
this.options = this.getOptions(options)
|
||||||
|
this.enabled = true
|
||||||
|
this.$element = $(element)
|
||||||
|
|
||||||
/* TOOLTIP NO CONFLICT
|
var triggers = this.options.trigger.split(' ')
|
||||||
* =================== */
|
|
||||||
|
for (var i = triggers.length; i--;) {
|
||||||
|
var trigger = triggers[i]
|
||||||
|
|
||||||
|
if (trigger == 'click') {
|
||||||
|
this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
|
||||||
|
} else if (trigger != 'manual') {
|
||||||
|
var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus'
|
||||||
|
var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur'
|
||||||
|
|
||||||
|
this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
|
||||||
|
this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.options.selector ?
|
||||||
|
(this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
|
||||||
|
this.fixTitle()
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.getDefaults = function () {
|
||||||
|
return Tooltip.DEFAULTS
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.getOptions = function (options) {
|
||||||
|
options = $.extend({}, this.getDefaults(), this.$element.data(), options)
|
||||||
|
|
||||||
|
if (options.delay && typeof options.delay == 'number') {
|
||||||
|
options.delay = {
|
||||||
|
show: options.delay
|
||||||
|
, hide: options.delay
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return options
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.enter = function (e) {
|
||||||
|
var defaults = $.fn[this.type].defaults
|
||||||
|
var options = {}
|
||||||
|
|
||||||
|
this._options && $.each(this._options, function (key, value) {
|
||||||
|
if (defaults[key] != value) options[key] = value
|
||||||
|
}, this)
|
||||||
|
|
||||||
|
var self = $(e.currentTarget)[this.type](options).data(this.type)
|
||||||
|
|
||||||
|
if (!self.options.delay || !self.options.delay.show) return self.show()
|
||||||
|
|
||||||
|
clearTimeout(this.timeout)
|
||||||
|
|
||||||
|
self.hoverState = 'in'
|
||||||
|
this.timeout = setTimeout(function() {
|
||||||
|
if (self.hoverState == 'in') self.show()
|
||||||
|
}, self.options.delay.show)
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.leave = function (e) {
|
||||||
|
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
||||||
|
|
||||||
|
if (this.timeout) clearTimeout(this.timeout)
|
||||||
|
if (!self.options.delay || !self.options.delay.hide) return self.hide()
|
||||||
|
|
||||||
|
self.hoverState = 'out'
|
||||||
|
this.timeout = setTimeout(function() {
|
||||||
|
if (self.hoverState == 'out') self.hide()
|
||||||
|
}, self.options.delay.hide)
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.show = function () {
|
||||||
|
var e = $.Event('bs:'+ this.type + ':show')
|
||||||
|
|
||||||
|
if (this.hasContent() && this.enabled) {
|
||||||
|
this.$element.trigger(e)
|
||||||
|
|
||||||
|
if (e.isDefaultPrevented()) return
|
||||||
|
|
||||||
|
var $tip = this.tip()
|
||||||
|
|
||||||
|
this.setContent()
|
||||||
|
|
||||||
|
if (this.options.animation) $tip.addClass('fade')
|
||||||
|
|
||||||
|
var placement = typeof this.options.placement == 'function' ?
|
||||||
|
this.options.placement.call(this, $tip[0], this.$element[0]) :
|
||||||
|
this.options.placement
|
||||||
|
|
||||||
|
$tip
|
||||||
|
.detach()
|
||||||
|
.css({ top: 0, left: 0, display: 'block' })
|
||||||
|
|
||||||
|
this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
|
||||||
|
|
||||||
|
var tp
|
||||||
|
var pos = this.getPosition()
|
||||||
|
var actualWidth = $tip[0].offsetWidth
|
||||||
|
var actualHeight = $tip[0].offsetHeight
|
||||||
|
|
||||||
|
switch (placement) {
|
||||||
|
case 'bottom':
|
||||||
|
tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}
|
||||||
|
break
|
||||||
|
case 'top':
|
||||||
|
tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}
|
||||||
|
break
|
||||||
|
case 'left':
|
||||||
|
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}
|
||||||
|
break
|
||||||
|
case 'right':
|
||||||
|
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}
|
||||||
|
break
|
||||||
|
}
|
||||||
|
|
||||||
|
this.applyPlacement(tp, placement)
|
||||||
|
this.$element.trigger('shown')
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.applyPlacement = function(offset, placement) {
|
||||||
|
var $tip = this.tip()
|
||||||
|
var width = $tip[0].offsetWidth
|
||||||
|
var height = $tip[0].offsetHeight
|
||||||
|
|
||||||
|
$tip
|
||||||
|
.offset(offset)
|
||||||
|
.addClass(placement)
|
||||||
|
.addClass('in')
|
||||||
|
|
||||||
|
var actualWidth = $tip[0].offsetWidth
|
||||||
|
var actualHeight = $tip[0].offsetHeight
|
||||||
|
|
||||||
|
if (placement == 'top' && actualHeight != height) {
|
||||||
|
var replace = true
|
||||||
|
offset.top = offset.top + height - actualHeight
|
||||||
|
}
|
||||||
|
|
||||||
|
if (placement == 'bottom' || placement == 'top') {
|
||||||
|
var delta = 0
|
||||||
|
|
||||||
|
if (offset.left < 0){
|
||||||
|
delta = offset.left * -2
|
||||||
|
offset.left = 0
|
||||||
|
|
||||||
|
$tip.offset(offset)
|
||||||
|
|
||||||
|
actualWidth = $tip[0].offsetWidth
|
||||||
|
actualHeight = $tip[0].offsetHeight
|
||||||
|
}
|
||||||
|
|
||||||
|
this.replaceArrow(delta - width + actualWidth, actualWidth, 'left')
|
||||||
|
} else {
|
||||||
|
this.replaceArrow(actualHeight - height, actualHeight, 'top')
|
||||||
|
}
|
||||||
|
|
||||||
|
if (replace) $tip.offset(offset)
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.replaceArrow = function(delta, dimension, position){
|
||||||
|
this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.setContent = function () {
|
||||||
|
var $tip = this.tip()
|
||||||
|
var title = this.getTitle()
|
||||||
|
|
||||||
|
$tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
|
||||||
|
$tip.removeClass('fade in top bottom left right')
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.hide = function () {
|
||||||
|
var that = this
|
||||||
|
var $tip = this.tip()
|
||||||
|
var e = $.Event('hide')
|
||||||
|
|
||||||
|
this.$element.trigger(e)
|
||||||
|
|
||||||
|
if (e.isDefaultPrevented()) return
|
||||||
|
|
||||||
|
$tip.removeClass('in')
|
||||||
|
|
||||||
|
function removeWithAnimation() {
|
||||||
|
var timeout = setTimeout(function () {
|
||||||
|
$tip.off($.support.transition.end).detach()
|
||||||
|
}, 500)
|
||||||
|
|
||||||
|
$tip.one($.support.transition.end, function () {
|
||||||
|
clearTimeout(timeout)
|
||||||
|
$tip.detach()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
$.support.transition && this.$tip.hasClass('fade') ?
|
||||||
|
removeWithAnimation() :
|
||||||
|
$tip.detach()
|
||||||
|
|
||||||
|
this.$element.trigger('hidden')
|
||||||
|
|
||||||
|
return this
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.fixTitle = function () {
|
||||||
|
var $e = this.$element
|
||||||
|
if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
|
||||||
|
$e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.hasContent = function () {
|
||||||
|
return this.getTitle()
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.getPosition = function () {
|
||||||
|
var el = this.$element[0]
|
||||||
|
return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : {
|
||||||
|
width: el.offsetWidth
|
||||||
|
, height: el.offsetHeight
|
||||||
|
}, this.$element.offset())
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.getTitle = function () {
|
||||||
|
var title
|
||||||
|
var $e = this.$element
|
||||||
|
var o = this.options
|
||||||
|
|
||||||
|
title = $e.attr('data-original-title')
|
||||||
|
|| (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
|
||||||
|
|
||||||
|
return title
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.tip = function () {
|
||||||
|
return this.$tip = this.$tip || $(this.options.template)
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.arrow =function(){
|
||||||
|
return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow")
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.validate = function () {
|
||||||
|
if (!this.$element[0].parentNode) {
|
||||||
|
this.hide()
|
||||||
|
this.$element = null
|
||||||
|
this.options = null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.enable = function () {
|
||||||
|
this.enabled = true
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.disable = function () {
|
||||||
|
this.enabled = false
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.toggleEnabled = function () {
|
||||||
|
this.enabled = !this.enabled
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.toggle = function (e) {
|
||||||
|
var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this
|
||||||
|
self.tip().hasClass('in') ? self.hide() : self.show()
|
||||||
|
}
|
||||||
|
|
||||||
|
Tooltip.prototype.destroy = function () {
|
||||||
|
this.hide().$element.off('.' + this.type).removeData(this.type)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// TOOLTIP PLUGIN DEFINITION
|
||||||
|
// =========================
|
||||||
|
|
||||||
|
var old = $.fn.tooltip
|
||||||
|
|
||||||
|
$.fn.tooltip = function ( option ) {
|
||||||
|
return this.each(function () {
|
||||||
|
var $this = $(this)
|
||||||
|
var data = $this.data('tooltip')
|
||||||
|
var options = typeof option == 'object' && option
|
||||||
|
|
||||||
|
if (!data) $this.data('tooltip', (data = new Tooltip(this, options)))
|
||||||
|
if (typeof option == 'string') data[option]()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
$.fn.tooltip.Constructor = Tooltip
|
||||||
|
|
||||||
|
|
||||||
|
// TOOLTIP NO CONFLICT
|
||||||
|
// ===================
|
||||||
|
|
||||||
$.fn.tooltip.noConflict = function () {
|
$.fn.tooltip.noConflict = function () {
|
||||||
$.fn.tooltip = old
|
$.fn.tooltip = old
|
||||||
|
@@ -18,33 +18,30 @@
|
|||||||
* ========================================================== */
|
* ========================================================== */
|
||||||
|
|
||||||
|
|
||||||
!function ($) {
|
!function ($) { "use strict";
|
||||||
|
|
||||||
"use strict";
|
// CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
/* CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
|
|
||||||
* ======================================================= */
|
|
||||||
|
|
||||||
function transitionEnd() {
|
function transitionEnd() {
|
||||||
var el = document.createElement('bootstrap');
|
var el = document.createElement('bootstrap')
|
||||||
|
|
||||||
var transEndEventNames = {
|
var transEndEventNames = {
|
||||||
'WebkitTransition' : 'webkitTransitionEnd'
|
'WebkitTransition' : 'webkitTransitionEnd'
|
||||||
, 'MozTransition' : 'transitionend'
|
, 'MozTransition' : 'transitionend'
|
||||||
, 'OTransition' : 'oTransitionEnd otransitionend'
|
, 'OTransition' : 'oTransitionEnd otransitionend'
|
||||||
, 'transition' : 'transitionend'
|
, 'transition' : 'transitionend'
|
||||||
};
|
}
|
||||||
|
|
||||||
for (var name in transEndEventNames) {
|
for (var name in transEndEventNames) {
|
||||||
if (el.style[name] !== undefined) {
|
if (el.style[name] !== undefined) {
|
||||||
return { end: transEndEventNames[name] };
|
return { end: transEndEventNames[name] }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$(function () {
|
$(function () {
|
||||||
$.support.transition = transitionEnd();
|
$.support.transition = transitionEnd()
|
||||||
});
|
})
|
||||||
|
|
||||||
}(window.jQuery);
|
}(window.jQuery);
|
||||||
|
Reference in New Issue
Block a user