Question

我有索引页面它应该显示我的div与id myajaxdiv如何在用户点击页面中的每个位置时隐藏它？这段代码甚至可以在索引页面中隐藏它而不需要任何点击。

$(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();

})

如何在鼠标单击时隐藏div $（文档）.click将在我显示索引页面时隐藏

3 个答案: