2017-08-04 75 views
0

這是一個用小提琴重現的問題。我有一個經典的Bootstrap 4頁面,但是我只能通過工具提示來顯示是否手動添加HTML數據屬性。使用javascript似乎並沒有工作 - 更重要的是,使用JavaScript創建.tooltip任何元素(無論是數據切換=「工具提示」,甚至類或元素也不工作)。這是我使用在頁面下面的功能:Bootstrap 4工具提示僅在指定HTML屬性時顯示 -

$(function() { 
    $('[data-toggle="tooltip"]').tooltip({ 
     container: 'body', 
     placement: 'bottom', 
     title: 'test' 
    }) 

}); 

添加數據切換,數據標題,數據放置像往常一樣在HTML的作品,但我希望有一個一切單一功能調用。 我已經雙重檢查:

  • 加載順序[jquery的/系鏈/自舉]
  • 工具提示被施加到按鈕用數據肘節=「提示」 [沒有別的]
  • 元件具有數據切換屬性[一個按鈕]在頁面加載時被正確識別和選擇。

使用自舉4阿爾法6局部

+0

您確定'data-toggle'屬性仍然存在您的HTML嗎?我問這是因爲你的jQuery選擇器使用它。 – JasonK

+0

是的,仔細檢查了幾次;它工作,如果我添加其餘的屬性[又名它顯示],但我想通過似乎並不工作的函數加載工具提示 – vzR

+0

以編程方式顯示工具提示工作?即'$('[data-toggle]')。tooltip('show');' – JasonK

回答

1

加載的討論表明,正在使用的自舉和jQuery UI二者,有兩個工具提示之間的衝突。更改鏈接的順序足以解決這個問題