Question

插件功能与close popover click事件冲突。当我点击提交时，错误会在bootstrap popover上显示，而验证插件会将焦点放在该输入字段上。现在，当我尝试从关闭按钮关闭弹出窗口时，首先它隐藏了弹出窗口，然后验证插件再次显示它，因为输入焦点输出事件。现在我必须在弹出窗口上单击两次才能关闭它，首先单击从输入中删除焦点，然后再单击关闭它。只有在关注错误消息的相应输入字段时才会发生这种情况。所以这两者都有冲突。

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

JsFiddle - ＆gt; http://jsfiddle.net/dwdh8xqz/

单击登录按钮，可以看到验证消息，然后尝试关闭popover。

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.

close bootstrap popover事件与jquery验证插件冲突

1 个答案: