

$(function ()

{ $("#example, #example2, #example3, #example4").popover();

});





!function( $ ) {

"use strict"

var Popover = function ( element, options ) {

this.init('popover', element, options)

}

/* NOTE: POPOVER EXTENDS BOOTSTRAP-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')[ $.type(title) == 'object' ? 'append' : 'html' ](title)

$tip.find('.popover-content > *')[ $.type(content) == 'object' ? 'append' : 'html' ](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 = $e.attr('data-content')

|| (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)

content = content.toString().replace(/(^\s*|\s*$)/, "")

return content

}

, tip: function() {

if (!this.$tip) {

this.$tip = $(this.options.template)

}

return this.$tip

}

})

/* POPOVER PLUGIN DEFINITION

* ======================= */

$.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'

, content: ''

, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'

})

}( window.jQuery );

