隐藏/显示不能与jQuery地址结合使用

Question

我有一个问题。我试图整合jQuery地址http://www.asual.com/jquery/address/到我的网站。作为测试，我创建了一个测试网站http://electricchapel.net/ecad/。它可以工作，但我有一个问题:

我使用hide();来简单地隐藏内容，我使用show();来在内容加载后显示它。尽管如此，它还是慢慢淡出，慢慢进入。我不明白。它不应该简单地隐藏和显示吗?我该如何解决这个问题?

Answer 1

看起来你的相关代码是这样的:

$('#content').hide(function() {
    $(this).html($('#content', data).html()).show(); 
});

如果你使用.hide()没有参数，那么它只是隐藏你的内容立即。

如果您使用.hide()与参数，那么它将成为一个动画，并为未指定的动画参数选择默认值，从而导致您看到的动画类型。下面是一个通用示例，它显示:http://jsfiddle.net/jfriend00/LXcDp/.

如果你想立即隐藏/显示，你可以这样修改代码:

$('#content').hide();
$('#content').html($('#content', data).html()).show(); 

Answer 2

似乎插件可能会覆盖隐藏和显示功能。尝试通过添加和删除类来隐藏和显示，例如

// hide element
    $('#yourElement').addClass('hidden');
// show element
    $('#yourElement').removeClass('hidden');

css:

和

.hidden{
   display:none;
}