Jquery 使用引导验证程序正确显示popover
我正在尝试使用popover来使用插件显示错误消息 问题是,当我在所有必填字段上单击tab键时,将显示所有字段的弹出窗口。我需要它只显示在有误差的聚焦场上 我已经实现了一个示例,在这里添加了一个问题,并且成功了!但当我在我的页面上应用它时,它并没有正常工作 我试图删除所有jQuery库和css,但问题仍然存在。这是Jquery 使用引导验证程序正确显示popover,jquery,twitter-bootstrap,validation,popover,Jquery,Twitter Bootstrap,Validation,Popover,我正在尝试使用popover来使用插件显示错误消息 问题是,当我在所有必填字段上单击tab键时,将显示所有字段的弹出窗口。我需要它只显示在有误差的聚焦场上 我已经实现了一个示例,在这里添加了一个问题,并且成功了!但当我在我的页面上应用它时,它并没有正常工作 我试图删除所有jQuery库和css,但问题仍然存在。这是 您可以显示表单代码吗?我在JSFIDLE上添加了html,但不起作用@Danielarenasy您刚刚忘记更改表单$('#theform')的id。在('invalid.bs.val
您可以显示表单代码吗?我在JSFIDLE上添加了html,但不起作用@Danielarenasy您刚刚忘记更改表单
$('#theform')的id。在('invalid.bs.validator valid.bs.validator',函数(e){
ok这是我的错误,但它只在JSFIDLE上工作!但在本地不工作:(@danielarenasy您可以尝试在最后的代码中添加return;
,但这不是最佳做法,这必须在没有返回的情况下工作,您应该有一些奇怪的类
$('#validform').on('invalid.bs.validator valid.bs.validator', function (e) {
var message = e.detail;
var target = e.relatedTarget;
$(target).popover('destroy');
$(target).popover({
trigger: 'focus',
placement: 'top',
container: 'body',
content: message
});
$(target).popover('show');
if(e.type === 'valid'){
$(target).popover('destroy');
}
});