jQuery淡出不起作用

Question

好的，我有这段代码：

$('#login').click(function() {
        $('#main').fadeOut('slow', function() {
            $(this).html($('#hidden-login-div').html()).fadeIn('fast');
        });
    });

在此页面上：http://ag.kirindesigns.com/search.php

当您单击左上角的登录按钮（ID为“login”）时，我希望它淡出主分区（ID为“main”）。但是，您看到的代码没有做任何事情。

但是，如果单击“搜索”按钮，主div将淡出...使用几乎完全相同的代码，这是搜索按钮使用的代码（这是ajax调用的一部分）。

 $('#main').fadeOut('slow', function() {
      $(this).html(data).fadeIn('fast');
      height = $('#main').height();
      frame.height(height + 40);
      frame.width("720");
  });

我试图使用.slideUp（）选项来查看会发生什么。分区的底部闪烁，就像它试图向上滑动一样，但就像撞到一堵墙而跳起来然后什么都不做。所以我对导致这个问题的原因以及为什么它在ajax调用中完全正常工作感到困惑，但是不会对简单的.click（）调用起作用。

Answer 1

使用它：

{{1}}