Как я могу сделать всплывающую подсказку Foundation?

Question

это то, что я делаю.

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

подсказка работает нормально при наведении курсора мыши на вход, но я хочу, чтобы назвать это в центре внимания. , пожалуйста, помогите?

Answer 1

$(".has-tip").focus(function(){ 
    $(this).foundation(); 
}); 

Но убедитесь, что вы можете захотеть, чтобы скрыть подсказку о фокусе вне. для этого вы можете это сделать

$(".has-tip").blur(function(){ 

//may be you can hide the tooltip or call the hide function if any. 
}); 

Примечание. Вызовы могут меняться в соответствии с версией jquery.

Answer 2

Demo

Попробуйте это ..

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

Answer 3

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

Возможно, вы захотите добавить #id к проему, чтобы сделать более конкретный селектор для функции showTip.

См: https://github.com/zurb/foundation/blob/master/js/foundation/foundation.tooltip.js