В общем, провел манипуляцию с оригинальным bootstrap и получилось.
| Код |
|---|
var c = function(a, b) {
this.init("popover", a, b)
};
if (!a.fn.tooltip) throw new Error("Popover requires tooltip.js");
c.VERSION = "3.3.5", c.DEFAULTS = a.extend({}, a.fn.tooltip.Constructor.DEFAULTS, {
placement: "right",
trigger: "click",
content: "",
template: '<div class="tipsy tipsy-w tipsy-hovercard" role="tooltip"><div class="tipsy-arrow tipsy-arrow-w"></div><div class="tipsy-inner"></h3><div class="tooltip-content"></div></div>'
}), c.prototype = a.extend({}, a.fn.tooltip.Constructor.prototype), c.prototype.constructor = c, c.prototype.getDefaults = function() {
return c.DEFAULTS
}, c.prototype.setContent = function() {
var a = this.tip(),
b = this.getTitle(),
c = this.getContent();
a.find(".popover-title")[this.options.html ? "html" : "text"](b), a.find(".tooltip-content").children().detach().end()[this.options.html ? "string" == typeof c ? "html" : "append" : "text"](c), a.removeClass("tipsy tipsy-w tipsy-hovercard"), a.find(".popover-title").html() || a.find(".popover-title").hide()
}, c.prototype.hasContent = function() {
return this.getTitle() || this.getContent()
}, c.prototype.getContent = function() {
var a = this.$element,
b = this.options;
return a.attr("data-content") || ("function" == typeof b.content ? b.content.call(a[0]) : b.content)
}, c.prototype.arrow = function() {
return this.$arrow = this.$arrow || this.tip().find(".arrow")
};
var d = a.fn.popover;
a.fn.popover = b, a.fn.popover.Constructor = c, a.fn.popover.noConflict = function() {
return a.fn.popover = d, this
}
}(jQuery) |
Контент вывел сюда
| Код |
|---|
data-content="описание" |
Не знаю, насколько код валид, но работает.
Единственное, что пока что не получается сделать, так это вывести в этот блок еще один блок. Может дублировать код data-content ? Что скажете?
И еще. Когда блок доходит до конца слайдера, то как сделать чтобы Popover выпадал в другую сторону? Т.е конечный блок с контентом справа, а popover выпадает слева? placement auto right/left не получается data-placement=" auto right"
