javascript - マウスクリックでダイビングを非表示にする方法$（document）.clickは、インデックスページを表示すると非表示になります

Question

インデックスページがあり、id myajaxdivのdivが表示されます。ユーザーがページ内のすべての場所でnをクリックしたときに、それを非表示にする方法はありますか？このコードは、クリックせずにインデックスページでも非表示にします。

$(document).click(function() {
   $("#myajaxdiv").css({'display':'none'});
});

私のdivは空で、ajaxを使用して完全なhtmlにします。

<div class="well sidebar-nav">
          <div id="myajaxdiv" >           
            </div>

そして準備ができた機能で私はajaxを持っています：

$.ajax({

        type:'POST',
        url:'news.php',
        success:function(data){
            var query ='';
    var mycontent = 'تازه ها<hr/>';
        $('.queryForm').hide(300);
    $('.message').html('');

    for(i=0;i<data.length;i++) {

                    query = data[i];
                    mycontent += '<ul class="starred-queries"><li class="question">' + query.ques  + '</li>';
                    mycontent +=  '<li class="answer">' + query.answer + '</ul>';                   

            }

            $('#myajaxdiv, .well #myajaxdiv').html(mycontent);
        }
    });

Answer 1

要素がクリックされたときにdivを非表示にするには、次のようにします（つまり、クラスボタンの場合）。

$('.button').click(function() {
   $('#myajaxdiv').hide();
});

Answer 2

$(document).ready(function() {
$('.button').click(function() {
$("#myajaxdiv").css('display','none');
}) }); 

Answer 3

これを試して：

$(".button").click(function(){
     $("#myajaxdiv").hide();

})