我正在使用工具提示来显示表单错误。我要做的是在一些输入上显示工具提示,通过ajax调用验证。
在每次提交时,我想删除这些工具提示,检查验证,并在需要时显示新的工具提示集。所以我在每个具有.has-tip类的输入上使用基础('destroy')方法。
function displayTip(elt, msg){
var options = {
tipText: msg,
templateClasses: 'tooltip--error',
}
elt.addClass('has-tip'); // <= using JQuery 'cause triggerClass option seems not working...
var tip = new Foundation.Tooltip(elt, options);
}
function hideTips(){
$('.has-tip').each(function(index){
$(this).removeClass('has-tip');
try {
$(this).foundation('destroy');
} catch(e) {
//console.info();
}
});
}
不幸的是,这不起作用,我有这些控制台错误:
foundation.js:8598 Uncaught TypeError: Cannot read property 'hoverDelay' of null
foundation.js:8558 Uncaught TypeError: Cannot read property 'stop' of null
请帮忙! : - )