I am not able to click on link in html anchor tag in bootstrap tooltip

Question

I am using bootstrap tooltip, I have configured a link in tooltip but when I am clicking on that link it is not redirecting to that page, after trying more than 10 time it is redirecting to that particular page.

however on hover it is always showing me the link, but on clicking it is working some time and sometime not.

code :

<span class="btn-sm pull-right"  data-toggle="tooltip">
   <button type="button" class="btn btn-primary" data-toggle="tooltip" data- 
             html="true" title="Print feature is enabled for subscription users.
      <a href='https://www.google.com'>Sign up Today</a>"> 
       Print Result Summary
   </button>
 </span>

Answer 1

Run the below code.

 $('[data-toggle="tooltip"]').tooltip({'delay':{'hide': 2000}}); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <span class="btn-sm pull-right" data-toggle="tooltip"> <button type="button" data-html="true" class="btn btn-primary" data-toggle="tooltip" title="Print feature is enabled for subscription users. <a href='https://www.google.com'>Sign up Today</a>"> Print Result Summary </button> </span>