消息顯示只是懸停它

Question

我有Tooltip懸停的問題。我需要的是當我點擊按鈕時顯示消息。

現在它顯示在懸停上。

這是我的代碼。

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