ページ上のどこかをクリックするとバブルが閉じるはずです

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'); 
});