更改引導酥料餅的標題

我有我的網頁上的按鈕是這樣的：更改引導酥料餅的標題

<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>

我也有一些JavaScript我的網頁是這樣的：

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

我試着以兩種不同的方式設置彈出窗口的「標題」，一種是使用'標題'選項在JavaScript代碼中，另一種使用HTML元素上的數據標題屬性。但是，在我的popover標題中實際顯示的是button元素上的「tooltip」屬性的內容。

無論我做什麼，我似乎都無法重寫。我需要該元素的工具提示屬性，因爲我希望在用戶將鼠標懸停在元素上時顯示該屬性。

有沒有簡單的方法來覆蓋我只是失蹤的標題？

來源

2013-10-26 Scott

下面是您想到的內容嗎？這個例子在jsbin中使用了bootstrap 2.3.2。

http://jsbin.com/EMiXiv/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>

的Javascript

$('.help-target').popover({ 'title': 'Popover Title'}); 
$('.help-target').tooltip({ 'title': 'tooltip message', 'placement': 'top'});

來源

2013-10-28 03:42:16 mg1075

試過，但都沒有效果。 – Scott

@Scott - jsbin的作品，所以有關你的特定頁面的更多細節可能是有用的。 – mg1075

是的，但它不能準確反映我的問題。該按鈕還具有「工具提示」屬性，其中包含一些文本，以便當用戶覆蓋它時，他們會看到標準的HTML工具提示（對於這些工具提示沒有使用Bootstrap工具提示插件）。不管我嘗試什麼，「title」屬性中的文本總是用於popover的標題。 – Scott

這結束了對我的工作，因爲我希望所有可見popovers具有相同的標題：

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

來源

2013-10-28 13:05:18 Scott

$(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

這是什麼

來源

2014-10-20 11:36:23

更改引導酥料餅的標題

回答

相關問題