jquery - Foundation ツールチップをフォーカス時に表示するにはどうすればよいですか?

Question

これが私がしていることです。

<input  data-tooltip  data-width="350" class="has-tip tip-left" title="enter name" type="text" />
<script>
$(document).foundation();

入力へのホバーでツールチップが正常に機能していますが、フォーカス時に呼び出したいです。助けてください？

Answer 1

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

スパンに #id を追加して、showTip 関数のより具体的なセレクターを作成することができます。

参照: https://github.com/zurb/foundation/blob/master/js/foundation/foundation.tooltip.js

Answer 2

デモ

これを試して..

$('input').focus(function() {
     $('div').show();
}).focusout(function() {
    $('div').hide();
});