当我添加一个速度时，jQuery效果不起作用

我对jQuery（以及对于这个问题的javascript）来说很新，所以这可能只是我正在做的一些愚蠢的事情，但这真的让我很烦恼！当我添加一个速度时，jQuery效果不起作用

我想要做的就是给jQuery的隐藏和显示功能添加一个速度。我正在使用的代码是：

for (var i in clouds) { 
    $(clouds[i]).click(function() { 
    $(this).hide(); 
    }); 
}

躲云会点击广告时，他们和

function fadeLogo(state) { 
    var element=document.getElementById('logo'); 

    if (state=='home') { 
     element.hide; 
     element.src='images/home.png'; 
     element.show; 
    } 

    else { 
     element.hide; 
     element.src='images/webNameLogo.png'; 
     element.show; 
    } 
}

隐藏的图像，进行修改，然后再次显示它。这被称为

onMouseOver=fadeLogo('home') onMouseOut=fadeLogo('logo')

这工作正常，但瞬间发生。每当我试图包含一个速度，无论是“缓慢”，“快速”还是毫秒，它都不起作用，它们只是保持原来的状态。即使在没有速度的情况下添加hide（）会在Safari的错误控制台中引发错误：

TypeError：表达式结果'element.hide'[undefined]不是函数。

没有错误报道的云，他们只是坐在那里没有做任何事情！

希望有人能帮助！

感谢

编辑：

现在有这样的图像变化：

$(function() { //This function fades the logo to the home button on mouseover 

    $('.logo').hover(function() { 
     $(this).fadeOut(
      'slow', 
      function() { 
       $(this).attr ('src','images/home.png').fadeIn('slow'); 
      }); 
    }, function() { 
     $(this).fadeOut(
      'slow', 
      function() { 
       $(this).attr('src','images/webNameLogo.png').fadeIn('slow'); 
      }); 
    }); 
});

哪些出来，在没有问题衰的形象，但2幅图像之间不会改变。 .. 哎呀，应该是#logo。明白了一个现在的工作，到讨厌的云彩......

来源

2010-01-18 Mike

的hide()方法用于像这样：

for (var i in clouds) { 
    $(clouds[i]).click(function() { 
    $(this).hide('slow'); // or you can pass the milliseconds 
    }); 
}

至于图像隐藏你应该做这样的事情：

$('selector for your image').hide (
    'slow', 
    function() { 
     $(this).attr ('src', 'images/other.png').show ('slow'); 
    } 
);

来源

2010-01-18 10:20:25

谢谢你的想法。我试图按照你的建议向云端添加“缓慢”，但是当我点击它们时什么也不做。至于图片，我编辑了我的帖子以显示我正在使用的完整代码（并且在隐藏/显示替换为切换状态时会切换）。像云一样，它可以工作，但不是当我添加速度时... – Mike 2010-01-18 11:09:59

您在混合使用jQuery和JavaScript方法。 JavaScript没有显示/隐藏方法。您必须将您的DOM对象“转换”为jQuery对象，然后才能使用这些方法。另外'云'从哪里来？ – 2010-01-18 11:16:02

嗯，好的。我已经定义了一个包含4个云类的数组，以便稍后在脚本中进行操作： var clouds = [“。cloud1”，“。cloud2”，“。cloud3”，“。cloud4”]; – Mike 2010-01-18 11:33:38

当我添加一个速度时，jQuery效果不起作用

回答

相关问题