javascript - 第二个div点击两次后不会返回

Question

我不太擅长 JQUERY，我只是倾向于观察事物，但这是我一直在研究的代码。所以这里的目标是当我点击屏幕上的任意位置时，我希望 .people 和 .people_bg 都关闭。

<script>
$(document).ready(function(){
  $("#relations").click(function(){
    $(".people").slideToggle("fast");
    $(".people_bg").slideToggle("fast");
  });
});


$('a.close, .people_bg').live('click', function() {
$('.people_bg , .people').fadeOut(function() {
$('.people_bg, a.close').remove(); //fade them both out
});
return false;
});
});
</script>

问题是:它只能一次。第二次，只出现“.people”，没有出现“.people_bg”

Answer 1

您使用的删除功能实际上是从页面中完全删除元素，所以这是您的罪魁祸首。用更合适的函数替换它，你应该没问题。