我尝试使用Tooltipster插件自定义用户获得的错误消息,并遇到以下问题:
您致电Tooltipster"内容"未初始化元素的方法
我的HTML代码:
<form>
<input id="one" type="number" name="one" />
<input id="two" type="number" name="two" />
<button id="button" type="submit">Submit</button>
</form>
使用Javascript:
$(document).ready(function () {
$('form').validate({ // initialize the plugin
rules: {
one: {
required: true,
min: 1,
max: 100
},
two: {
required: true,
min: 50,
max: 80
}
},
submitHandler: function (form) {
doTest();
return false;
},
errorPlacement: function (error, element) {
var lastError = $(element).data('lastError'),
newError = $(error).text();
$(element).data('lastError', newError);
if (newError !== '' && newError !== lastError) {
$(element).tooltipster('content', newError);
$(element).tooltipster('show');
}
},
success: function (label, element) {
$(element).tooltipster('hide');
}
});
});
可能是什么问题?
答案 0 :(得分:7)
控制台错误:
您致电Tooltipster&#34;内容&#34; 未初始化元素的方法
问题是您没有在输入元素上正确初始化 Tooltipster插件。
// initialize tooltipster on form input elements
$('form input').tooltipster({ // <- USE THE PROPER SELECTOR FOR YOUR INPUTs
trigger: 'custom', // default is 'hover' which is no good here
onlyOne: false, // allow multiple tips to be open at a time
position: 'right' // display the tips to the right of the element
});