2013-07-04 60 views
0

我有以下的錨元素點擊應顯示Twitter的引導酥料餅的時候:使Twitter的Bootstrap 2.x Popover使用默認的Popover標題而不是HTML標題屬性中的標題?

<a href="javascript:void(0)" class="popover_toggle" title="View Image">View Image</a> 

我也有以下的JavaScript來附加酥料餅,併爲它設置一個默認的標題:

$('.popover_toggle').popover({ 
    title: 'Login Required!' 
}); 

我希望Popover在javascript「Login Required!」中定義默認標題,而不是在定位元素「View Image」中定義的標題。我怎樣才能做到這一點?

回答

1

http://twitter.github.io/bootstrap/javascript.html#popovers(默認標題值,如果title屬性不存在)告訴你:你只能設置標題,如果你的元素有一個空或無標題屬性。

當標題選項設置爲字符串時,它將在文檔就緒時進行評估。在這裏使用函數(在觸發器上評估)仍然不起作用。

Popovers是工具提示類的擴展。它的構造函數調用fixTitle()。 fixTitle()將內容從title-attribute移動到data-orginal-title屬性。因爲這是在調用setTitle()之前完成的,所以不能使用標題函數。

解決你的問題否決fixTitle()的酥料餅類:

$.fn.popover.Constructor.prototype.fixTitle = function() { return; } 

現在酥料餅會忽略(你的title屬性),並使用您在酥料餅的通話設置標題:

HTML

<a href="javascript:void(0);" class="popover_toggle" title="View Image">View Image</a> 

的JavaScript

$.fn.popover.Constructor.prototype.fixTitle = function() {return;} 
$('.popover_toggle').popover({ 
    title: 'Login Required!', 
}); 

參見:http://bootply.com/66591