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"）时淡出主 division（ID 为 "main"）。但是，您看到的代码没有执行任何操作。

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

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

我尝试使用 .slideUp() 选项只是为了看看会发生什么。 division 的底部闪烁，好像它试图向上滑动，但它的行为就像撞到墙上，只是跳起来然后什么也没做。所以我对导致这个问题的原因以及为什么它在 ajax 调用中工作得很好但在简单的 .click() 调用中不起作用感到有点困惑。

Answer 1

使用这个：

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

jQuery 淡出无效

jQuery fadeout not working

css

jquery

fadeout