关闭引导弹出事件与 jquery 验证插件冲突

Posted 2023-05-09

【中文标题】关闭引导弹出事件与 jquery 验证插件冲突

【英文标题】：close bootstrap popover event is conflicting with jquery validation plugin

【发布时间】：2015-04-01 09:20:10

【问题描述】：

插件功能与关闭弹出框点击事件冲突。当我单击提交时，错误会显示在引导弹出窗口上，并且验证插件会将焦点放在该输入字段上。现在，当我尝试从其上的关闭按钮关闭弹出框时，首先它隐藏弹出框，然后验证插件再次显示它，因为输入焦点出事件。现在我必须在弹出窗口上单击两次才能关闭它，第一次单击会从输入中移除焦点，第二次单击会关闭它。仅当关注错误消息的相应输入字段时才会发生这种情况。所以两者在这里是冲突的。

$(document).on('click','.popover-close-button', function()
    $(this).closest('div.popover').popover('hide');
);

JsFiddle -> http://jsfiddle.net/dwdh8xqz/

点击登录按钮，可以看到验证信息，然后尝试关闭弹窗。

【参考方案1】：

here is the reference: http://jsfiddle.net/dwdh8xqz/2/

替换

$(this).closest('div.popover').popover('hide'); 

与

$('input[name="'+$(this).data('elem')+'"]').next().popover('hide');

Still no idea what was wrong with previous jsfiddle. But this one is working fine.