ホバリングを表示しているメッセージ

Question

ツールチップホバーに問題があります。私が必要とするのは、ボタンをクリックしたときにメッセージを表示することです。

これはホバー上に表示されています。

ここに私のコードです。

<div class="container"> 
    <ul class="list-inline"> 
    <li><a href="#" data-toggle="tooltip" data-placement="top" title="Order Created Successful">Top</a></li>  
    </ul> 
</div> 


<script> 
    $(document).ready(function(){ 
     $('[data-toggle="tooltip"]').tooltip(); 
    }); 
</script> 

Answer 1

利用popoverの代わりに、 `java`がこれを行うために持っているものtooltip

<div class="container"> 
     <ul class="list-inline"> 
     <li><a href="#" data-toggle="popover" data-placement="top" title="Order Created Successful">Top</a></li> 

     </ul> 
    </div> 


    <script> 
$(document).ready(function(){ 
    $('[data-toggle="popover"]').popover(); 
}); 
</script>