Can't change bootstrap Tooltip title

后端 未结 7 1227
傲寒
傲寒 2021-01-12 09:28

I\'ve already looked over several posts on stack overflow asking virtually the exact same question yet none of what I found on those questions has helped. I\'m very new to

7条回答
  •  感动是毒
    2021-01-12 10:01

    Change Bootstrap 4 Tooltip title

    $(document).ready(function() {
      // initilizing Tooltip
      $('[data-toggle="tooltip"]').tooltip();
    
      // Get the Tooltip
      let btn_tooltip = $('#my-btn');
    
      // Change Tooltip Text on mouse enter
      btn_tooltip.mouseenter(function () {
        btn_tooltip.attr('title', 'Default Tooltip').tooltip('dispose');
        btn_tooltip.tooltip('show');
      });
    
      // Update Tooltip Text on click
      btn_tooltip.click(function () {
        btn_tooltip.attr('title', 'Modified Tooltip').tooltip('dispose');
        btn_tooltip.tooltip('show');
      });
    });
    
    
    
      
      
      
      
      
      
    
    
    
    

    Click the button:

提交回复
热议问题