Làm thế nào để thiết lập nhiều dữ liệu chuyển đổi cho một liên kết trong bootstrap?

Question

Tôi có một liên kết và tôi muốn đặt một tooltip bootstrap cho nó và tôi cũng muốn nó hiển thị một phương thức bootstrap. Để hiển thị một phương thức mã là thế này:

<a href="#myModal" role="button" data-toggle="modal">Show</a> 

Và sau đây sẽ làm cho một tooltip bootstrap:

<a data-placement="right" data-toggle="tooltip" rel="tooltip" data-original-title='Hello' href="#"></a> 

Bây giờ làm thế nào để kết hợp it.Combine có nghĩa là có một liên kết cho thấy phương thức và có một bootstrap tooltip quá?

Answer 1

tôi thấy vấn đề này:

<a href="#myModal" role="button" data-toggle="modal" rel="tooltip" data-original-title='Hello'>Show</a> 

Thats tất cả.

Answer 2

Bạn cũng có thể cần phải khởi tạo: Tôi cần khởi chạy ở cuối trang.

 $("[rel='tooltip']").tooltip(); 

Answer 3

Tôi thà sử dụng một yếu tố gói như thế này:

<span data-placement="right" data-toggle="tooltip" title="Hello"> 
    <a href="#myModal" role="button" data-toggle="modal">Show</a> 
</span> 

Điều này có vẻ đơn giản hơn đối với tôi. Xem bootply này: http://www.bootply.com/zqJRSAjSuQ

Answer 4

Bạn có thể muốn xem xét sử dụng một div thay vì một yếu tố span khi tooltip là không đúng ...

Dựa trên câu trả lời FL, điều này đã làm việc cho tôi:

<div data-placement="right" data-toggle="tooltip" title="Hello"> 
    <a href="#myModal" role="button" data-toggle="modal">Show</a> 
</div> 

Answer 5

Thêm một thuộc tính dữ liệu đến các yếu tố:

<a data-toggle="modal" data-hover="tooltip" title="Click to Open" data-placement="right" href="#"></a> 

Và khởi tạo trong javascript:

$("[data-hover='tooltip']").tooltip(); 

Answer 6

bạn không cần phải sử dụng "dữ liệu chuyển đổi" cho tooltip, bạn có thể thay đổi để bạn muốn, như "dữ liệu tt" ví dụ:

<a href="#myModal" role="button" data-toggle="modal" data-tt="tooltip" title="hi">Show</a> 

Và khởi tạo trong javascript:

$("[data-tt=tooltip]").tooltip(); 

JsFiddle