Hiện Foundation 5 Tooltip trên Bấm

Question

Tôi có một tooltip thông qua nền tảng 5 trên một khoảng, như vậy:

<span data-tooltip aria-haspopup="true" class="has-tip tip-top" title="My tool tip"><i class="fi-pricetag-multiple size-21"></i></span>

này hoạt động tốt. Tuy nhiên, những gì tôi muốn làm là chỉ hiển thị chú giải công cụ khi người dùng nhấp vào khoảng (thay vì di chuột). Sau đó, nó đóng lại khi bạn nhấp vào nút đóng. Tôi có thể nhận được nửa chừng ở đó khi tôi thêm data-tooltip-open-event-type="touch" nhưng điều này thêm hai chú giải công cụ và nó vẫn biến mất khi tôi di chuột qua.

Bất kỳ suy nghĩ nào cũng sẽ được đánh giá cao. Có vẻ kỳ quặc rằng nền tảng 5 sẽ không có một số loại pop ra cho nội dung tương tác.

Cảm ơn!

Answer 1

Chỉ cần tự mình tìm ra điều này.

Để hiển thị:

Foundation.libs.tooltip.getTip($('#yourId')).show() 

Để ẩn:

Foundation.libs.tooltip.getTip($('#yourId')).hide() 

Answer 2

Ron Marcelle đã tìm thấy nó trong Foundation tooltip source:

Foundation.libs.tooltip.showTip (jQuery (".has-tip"));

Taken từ How can i make Foundation tooltip show on focus?