jquery - Href onclick 函数 Bootstrap

Question

在 Bootstrap 容器中...我使用了以下代码:

<div class="panel-heading">
  <div class="row">
    <div class="col-xs-6 text-center">
      <a href="" class="active" id="loginFormLink" onclick="LoginFormOpen()"> Login </a>
    </div>

    <div class="col-xs-6 text-center">
      <a href="" id="registerFormLink" onclick="alert('here....')"> Register </a>
    </div>

</div>
</div>

onclick 警报功能在注册时有效，但我尝试在 onclick 中执行登录的功能却不起作用......为什么？......

这是

function LoginFormOpen()
{
    alert('Testing....');
    /*$('#loginForm').delay(100).fadeIn(100);
    $('#registerForm').fadeOut(100);
    $('#registerFormLink').removeClass('active');
    $(this).addClass('active');
    e.preventDefault();
    });*/
}

Answer 1

发生这种情况可能是因为您使用了 onclick 属性以及 href 属性。如果您使用 onclik，则无需放置 href。这就是为什么页面可能会重定向到空白页面。

由于该手势，我认为您正在使用 href 属性，因此请遵循以下代码::

href="javascript:void(0);"

所以，你的最终 html 应该是这样的::

<div class="panel-heading">
  <div class="row">
    <div class="col-xs-6 text-center">
      <a href="javascript:void(0);" class="active" id="loginFormLink" onclick="LoginFormOpen()"> Login </a>
    </div>

    <div class="col-xs-6 text-center">
      <a href="javascript:void(0);" id="registerFormLink" onclick="alert('here....');"> Register </a>
    </div>

</div>
</div>