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

Question

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

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

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

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

Answer 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.