Question

这应该相当简单。我有一个div用于显示/隐藏其他div。

点击后，我希望显示淡出的div和将其替换为脉动的div。

<script>
$(function () {
$(".clicky").click(function () {
    var content_id = $(this).attr('href');
    $('#content').fadeOut(2000).html($(content_id).html()).show("pulsate");;
    return false;
});
});
</script>

问题是点击此代码首先显示替换div，然后也将其拉入。所以它在您看到效果之前出现。这可能是完全编写代码的更好方法。有任何想法吗？感谢。

Answer 1

<script>
   $(function () {
    $(".clicky").click(function () {
      var content_id = $(this).attr('href');
      $('#content').fadeOut(2000,function(){
         $('#content').html($(content_id).html()).show("pulsate");
      });
      return false;
    });
   });
</script>

这将链接，这样只有当你的内容消失后才会产生脉动。

Answer 2

试试这个：

<script>
  $(function () {
    $(".clicky").click(function () {
      var content_id = $(this).attr('href');
      $('#content').fadeOut(2000, function(){
        $(this).html($(content_id).html()).show("pulsate");
      });
      return false;
    });
  });
</script>

您遇到的问题是，在开始切换内容并显示新内容之前，您并没有等待fadeOut完成。

show hide使用效果隐藏多个div

2 个答案: