javascript - 显示/隐藏 jQuery 功能不起作用

Question

我正在尝试使用 jQuery 编写一个简单的显示/隐藏 div。基本上，当我点击 .artist-ken 时，我希望 artists-home div 消失并用 .ken-gallery 替换它。

到目前为止，我已经有了这个，但除了跳转到页面顶部之外，它没有做任何事情:

$('.artist-ken').click(function(){
    $('.artists-home').hide().show('ken-gallery');
});

Answer 1

试试这个:

$('.artist-ken').click(function(e){
    e.preventDefault();
    $('.artists-home').hide();
    $('.ken-gallery').show();
});

函数preventDefault()将停止页面跳转。您需要单独的 show 来显示另一个 div。 ken-gallery 中也缺少 .。