在动态加载的html上应用jquery

说明：

我有一个php代码，可以加载配置文件上的所有用户帖子。现在，每个帖子中都有一个div，其中包含一类新的\u text\u post

我想要的是：

我想要的是，当所有的帖子加载到页面上时，带有new_text_post类的div应该被隐藏，稍后会进行淡入淡出切换，这很好地工作。我不知道如何加载仍然隐藏的div，当我单击时，它应该会淡出切换

我试过什么

1我试着设置它的css属性visibility:hidden，但这会完全隐藏它，甚至在淡入淡出切换时也不会显示它

2我使用了jquery

$(document).ready(function(){

$(".new_text_post").hide();

});

但即使这样也不行。。。我以前也经历过，但我不记得是怎么解决的

这就是我加载用户帖子的方式

<?php 
while ($t = mysql_fetch_array($result))
{
   echo '<div class = "new_text_post">'.$t['post'].'<div>';
}

 ?>

。。任何人？？？

使用父选择器

$(document).ready(function(){
    $("body .new_text_post").hide();
});

---

这完全取决于如何加载动态内容

在任何情况下，您都应该在加载内容后隐藏内容，而不是在页面加载时隐藏内容

如果使用ajax，则需要将其隐藏在相同的“完成”函数中：

done: function(){
    //...
    //add elements here
    //...

    //and then hide them
    $(".new_text_post").hide();
},

如果使用jQuery ajax扩展名.load，则需要等待加载完成：

.load(/*...load here...*/).promise().done(function(){
    $(".new_text_post").hide();
});

在任何情况下，都需要将它们隐藏在添加它们的相同位置

更新

加载帖子后立即添加脚本块，然后执行jquery：

<?php 
    while ($t = mysql_fetch_array($result))
    {
       echo '<div class = "new_text_post">'.$t['post'].'<div>';
    }
    //after adding all the posts, insert a script block with the hiding jQuery:
    echo "<script> $('.new_text_post').hide(); </script>"
?>

---

我不知道我是否答对了问题，但你是说这样的话吗？

显示一个带有userposts的div，但默认情况下隐藏新的\u text\u post

<div class="userpost">
    This is a div with userpost

    <div class="new_text_post">
        This is a div which is not always shown
    </div>
</div>

更新

嗯，我仍然认为我没有正确回答这个问题，但也许这就是你所说的：

---

使用display:none，而不是visibility.display none和on切换您可以设置display show您的意思是这样的吗：？请看我已经更新了我的帖子。。现在你能告诉我怎么了吗？嗯。。也许你的意思是这样的。您可以在查询帖子时将这些类添加到帖子中。。我所需要做的就是使用display：没有一个解决了这个问题。。thanx：显示无与隐藏相同

$(document).ready(function(){
  $(".new_text_post").hide();
});


$('.userpost').on('click', function(){
   $('.new_text_post').show();
});

<div class="userpost">
    This is a div with userpost
</div>
<div class="new_text_post">
    This is a div which is not always shown
</div>
<div class="userpost">
    This is a div with userpost
</div>
<div class="new_text_post">
    This is a div which is not always shown
</div>
<div class="userpost">
    This is a div with userpost
</div>
<div class="new_text_post">
    This is a div which is not always shown
</div>

<button id="togglePost">Toggle new_text_post</button>

$(document).ready(function(){
  $(".new_text_post").hide();
});


$('#togglePost').on('click', function(){
   $('.new_text_post').show();
});