Wie kann ich Standardeigenschaftswerte für das Bootstrap-Popover von Twitter festlegen?

Question

Wie setze ich den Standardwert manuell in Twitter Bootstrap 2 und Twitter Bootstrap 3?

Ich habe den folgenden Code, Sie können die gleichen Eigenschaften in den Optionen immer wieder verwendet werden (ich muss sie überschreiben, weil sie von den Standardeinstellungen abweichen müssen).

Die drei Eigenschaften, die wieder verwendet werden, sind trigger über placement & html.

Wie kann ich die Standardoptionen von Twitter Bootstrap in meinem Javascript überschreiben?

Javascript(On DOM Bereit)

$('.pop1').popover({ 
    trigger: 'hover', 
    placement : 'right', 
    html: true, // used once (and the 2 above) 
    title : 'My title for popover1', 
    content : 'My content with popover1' 
}); 

$('.pop2').popover({ 
    trigger: 'hover', //used again 
    placement : 'right', 
    html: true, 
    title : 'My title for popover2', 
    content : 'My content with popover2' 
}); 

$('.pop3').popover({ 
    trigger: 'hover', //and again! 
    placement : 'right', 
    html: true, 
    title : 'My title for popover3', 
    content : 'My content with popover3' 
}); 

HTML:

<span class="pop1"><i class="icon-info-sign"></i></span> 
<span class="pop2"><i class="icon-info-sign"></i></span> 
<span class="pop3"><i class="icon-info-sign"></i></span> 

ich so etwas wie jQuery Validatoren wollte (& andere Plugins): jQuery.validator.setDefaults()

Also, wie kann ich die Bootstrap-Standardwerte für twitter bootstrap 2 und twitter bootstrap 3 setzen? Ich möchte es so, dass Bootstrap meine benutzerdefinierten Standardwerte verwendet, damit ich sie nicht immer und immer wieder in meinem Code überschreiben muss , Wie kann ich es anpassen, so ist der Standardwert ein von mir angegebenes und nicht Twitter Bootstrap 2 oder Twitter Bootstrap 3.

Answer 1

Bootstrap V2 - View the JSFiddle

können Sie die defaults log alle Standardeinstellungen von Bootstrap gesetzt, um zu sehen 2 mit:

console.log($.fn.popover.defaults); // Log default values to the console 

Sie die von Twitter Bootstrap setzen Standardwerte außer Kraft setzen können 2 mit dem folgenden :

// Make sure jQuery is loaded before trying to override the defaults! 
$.fn.popover.defaults.trigger = 'hover'; // Set the default trigger to hover 
$.fn.popover.defaults.placement = 'right'; // Set the default placement to right 
$.fn.popover.defaults.html = true;   // Set the default html (parse html) to true 

View the JSFiddle here

---

Bootstrap V3 - View the JSFiddle

können Sie die defaults log alle Standardeinstellungen von Bootstrap gesetzt, um zu sehen von 3:

console.log($.fn.popover.Constructor.DEFAULTS); // Log default values to the console 

Sie die von Twitter Bootstrap setzen Standardwerte außer Kraft setzen können 3 unter Verwendung der folgenden:

// Make sure jQuery is loaded before trying to override the defaults! 
$.fn.popover.Constructor.DEFAULTS.trigger = 'hover'; // Set the default trigger to hover 
$.fn.popover.Constructor.DEFAULTS.placement = 'right'; // Set the default placement to right 
$.fn.popover.Constructor.DEFAULTS.html = true;   // Set the default html (parse html) to true 

View the JSFiddle here

---

Standardwerte

Standardmäßig werden die Werte auf die folgenden (sie sind gleich in Bootstrap 2 & 3):

animation: true 
container: false 
content: "" 
delay: 0 
html: false 
placement: "right" 
selector: false 
template: "<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>" 
title: "" 
trigger: "hover" 

Answer 2

, dies zu tun mit AngularJS beziehen sich auf: http://angular-ui.github.io/bootstrap/#/tooltip

zB: $tooltipProvider.options({'placement': 'right'})