jquery - jQuery淡出无法正常工作

好的，所以我有以下代码：

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

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

当您单击左上角的登录按钮（ID为“登录”）时，我希望它淡化主分区（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（）调用中却无法使用。

最佳答案

用这个：

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