Javascript 存在工具提示属性时更改引导弹出窗口标题

我的页面上有这样一个按钮：

<button class="btn btn-small btn-success help-target" rel="popover" data-content="This is the help contnet" data-placement="left" tooltip="Click to submit this form">Submit Review to AMR<button>

function showHelp() {
    $("#overlay").show();
    $('[rel=popover]').popover({ 'trigger': 'manual', 'title': function () { return 'Help'; } });
    $('[rel=popover]').popover('show');
}

我尝试过用两种不同的方式设置我的popover的“title”，一种是在javascript代码中使用“title”选项，另一种是在HTML元素上使用data title属性。但是，在我的popover标题中实际显示的是button元素上“tooltip”属性的内容

无论我做什么，我似乎都无法推翻这一点。我需要元素上的tooltip属性，因为我希望在用户将鼠标悬停在元素上时显示该属性

---

有没有一种简单的方法可以覆盖我刚刚错过的标题？

是否与您的想法类似？jsbin中的这个示例使用bootstrap 2.3.2

HTML

<button class="btn btn-small btn-success help-target" 
data-toggle="tooltip" 
data-toggle="popover" 
data-content="This is the help content" 
data-placement="left">Submit Review to AMR</button>

---

由于我希望所有可见的弹出窗口都具有相同的标题，因此这对我来说非常有用：

function showHelp() {
    $("#overlay").show();
    $('[rel=popover]').popover({ 'trigger': 'manual', 'title': function () { return 'Help'; } });
    $('[rel=popover]').popover('show');
    $('.popover-title').text('Help');
}

JS

$(function() {
    $('[title]').attr("data-rel", "tooltip");
    $("[data-rel='tooltip']")
        .attr("data-placement", "top")
        .attr("data-content", function() {
            return $(this).attr("title")
        })
        .removeAttr('title');


    var showPopover = function() {
        $(this).popover('show');
    };
    var hidePopover = function() {
        $(this).popover('hide');
    };
    $("[data-rel='tooltip']").popover({
        trigger: 'manual'
    }).click(showPopover).hover(showPopover, hidePopover);

});

和简单的HTML

---

这是什么？

尝试了这个，但没有效果。@Scott-jsbin可以工作，因此有关于特定页面的更多细节可能会有用。是的，但它不能准确反映我的问题。该按钮还具有一个“tooltip”属性，其中包含一些文本，因此当用户浏览该按钮时，他们会看到标准的HTML工具提示（这些按钮不使用引导工具提示插件）。不管我怎么做，“title”属性中的文本总是用作popover的标题。

$(function() {
    $('[title]').attr("data-rel", "tooltip");
    $("[data-rel='tooltip']")
        .attr("data-placement", "top")
        .attr("data-content", function() {
            return $(this).attr("title")
        })
        .removeAttr('title');


    var showPopover = function() {
        $(this).popover('show');
    };
    var hidePopover = function() {
        $(this).popover('hide');
    };
    $("[data-rel='tooltip']").popover({
        trigger: 'manual'
    }).click(showPopover).hover(showPopover, hidePopover);

});