Bootstrap 3 - 如何使用javascript / jquery更改显示为工具提示的超链接标题文本？

Question

我想在单击链接时使用javascript / jquery更改超链接标题。 HTML

<a 
        href="javascript:addRss('234');" 
        class="btn btn-success" 
        title="Add content to Personal RSS" 
        id="addRssbtn" 
        data-toggle="tooltip" >
            <i class="fa fa-rss fa-lg"></i> 
        </a>

CSS

@import url("http://netdna.bootstrapcdn.com/bootswatch/3.1.1/cerulean/bootstrap.min.css");
@import url("http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css");
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");

JAVASCRIPT

$(function (){$('[data-toggle="tooltip"]').tooltip({});});


function addRss(hash){
        $("#addRssbtn").attr("class", "btn btn-success active");
        $("#addRssbtn").attr("title", "Remove content from Personal RSS");
        $("#addRssbtn").attr("href", "javascript:unaddRss(" + hash + ");");

//some other post data stuff
};

只有当我不使用时，标题才会改变并显示

data-toggle="tooltip"

那么当点击链接时，如何使data-toggle =“tooltip”将新更改的标题显示为工具提示？

http://jsfiddle.net/h5kKa/

上面的代码正在工作，除了我的电脑上的新工具提示，但没有在jsfiddle。

Answer 1

使用fixTitle选项更新工具提示。

$("#addRssbtn").attr("title", "Remove content from Personal RSS")

变

$("#addRssbtn").attr("title", "Remove content from Personal RSS").tooltip('fixTitle');

你可以添加.tooltip('show'); 直接显示工具提示：

$("#addRssbtn").attr("title", "Remove content from Personal RSS").tooltip('fixTitle').tooltip('show');

http://jsfiddle.net/h5kKa/2/

Answer 2

你不是在找这样的东西这是你吗？

$("#addRssbtn").tooltip("option", "content", "title");

这是一个jfiddle

E：刚被殴打