Question

在我的主页上，当使用

加载页面时，登录部分对用户站点是隐藏的

    $('#login').hide();

当用户点击页面顶部的登录链接时，它会触发此行代码

<a onlick="ShowLogin" href="#login">Login</a>

上面的onclick调用此代码，我认为这将使该部分可见

目前，在加载时，登录部分不可见，但是onclick不起作用，不确定我错过了什么？

function ShowLogin() {
    $('.signup').hide();
    $('.lostdetails').hide();
    $('#login').show();
}

登录部分

<section id="login">
>         <div class="container">
>             <div class="row">
>                 <div class="col-lg-12 text-center">
>                     <h2>Login to get some kudosoo</h2>
>                     <hr class="star-primary">
>                 </div>
>                   ... </section>

Answer 1

您的错误是ShowLogin和onlick。

改变这一点，

<a onclick="ShowLogin" href="#login">Login</a>

要，

<a onclick="ShowLogin();" href="#login">Login</a>

Answer 2

$('a[href="#login"]').click(function(e){
    e.preventDefault();
    $('.signup,.lostdetails').slideUp('slow',function(){$('#login').slideDown('slow');});//cool effect for you ;)
});

基本上，你的选择器是锚链接，但我正在寻找具有href="#login"的锚点。

e变量是事件变量。 e.preventDefault()会阻止使用锚点的默认浏览器事件移动到元素#login的顶部。

然后将不需要的元素向上滑动并使用slideUp()回调函数向slideDown()登录元素移动:)

如何使用onclick取消隐藏部分？

2 个答案: