Question

    $(document).ready(function() {
$('#username_input').live("focus", function() {
             $('.user-available-info').hide();
             $('.user-available-error').hide();
             $('.login-error').hide();
     });
    $('#password_input').live("focus", function() {
             $('.login-error').hide();
             $( '#login-username-invalid').hide();
             $( '#login-username-error').hide();
         });
    This is the xhtml page
    <h:panelGroup id="login-username-invalid" >
    <div id="login-username-invalid-error">     
                <div class="login-error">
                    <div class="login-error-top"></div>
                    <div class="login-error-middle">

    <p class="error">
    "message to be displayed in the bubble"</P>

我们的应用程序中有一个登录页面，如果用户输入的用户名或密码无效，则会弹出错误气泡。我们有一个要求，如果用户点击页面上的任何位置，气泡应该关闭。对于用户名和密码输入字段都可以正常工作，因为我已经给出了上面代码中列出的.hide。但我尝试更改输入字段id为'body'，以使其在整个页面上工作。但它从未工作过。我试过.click和.bind都没有工作。有什么解决方案为此。谢谢。

Answer 1

绑定到正文上的点击，而不是焦点：http://jsfiddle.net/brentmn/QDjSV/1/

$('body').on('focus', function(){
    alert('body does not recieve focus');
});
$('body').on('click', function(){
    alert('body does recieve click');
});

如果我们点击页面上的任何位置，气泡应该关闭

1 个答案: