消息显示只是悬停它

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>