JavaScript vào Active Twitter Bootstrap Tooltips

Question

Tôi đang chơi với Twitter Bootstrap's Tooltips, nhưng có vấn đề kể từ khi họ chuyển đi từ Twipsy. JavaScript correect được bao gồm trong trang.

Hãy nói rằng tôi có như sau:

<p><a href="#" rel="tooltip" data-original-title="hello">hover on me</a></p> 

các chính xác Javascript tôi cần phải sử dụng để làm cho tooltip xuất hiện là gì?

Cảm ơn trước!

• Vanessa

Answer 1

Ví dụ của bạn nó sẽ chỉ là:

$('a').tooltip(); 

nhưng theo các tài liệu, bạn nên sử dụng title thuộc tính, không data-original-title. Thuộc tính đó được thêm vào bởi mã công cụ của Bootstrap. Ngoài ra không cần phải có rel="tooltip".

Mã của bạn nên là:

HTML:

<a href="#" title="hello">hover on me</a> 

JS:

$("a").tooltip(); // this will trigger a tooltip on all <a> elements 

Answer 2

Bạn cần phải chạy một cách rõ ràng .tooltip() cho tất cả các yếu tố đó phải có tooltip. Ví dụ, điều này sẽ làm việc:

<span rel="tooltip" title="tooltip text">some text</span> 
... 
<script src="/js/jquery.js"></script> 
<script src="/js/bootstrap.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("[rel=tooltip]").tooltip(); 
    }); 
</script> 

Answer 3

Trong Bootstrap, Chúng tôi cần phải tự khởi tạo Tooltips

của nó đề cập trong tài liệu của họ cũng có.

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

Answer 4

bạn cần chính xác để

<script src="bootstrap-tooltip.js "></script> 
    <script> 
    $(function(){ 
$('a').tooltip(); 
});