jQuery单击按钮，在同一页面上重定向，但重定向到其他部分/面板

Question

基本上，单击按钮后，我想将页面重定向到SAME页面，但是重定向到页面中的其他部分/面板。我一直在摸索试图解决这一问题。 这是我的代码；

按钮

<div class="col-xs-12 padd0" id="footer" style="text-align:center">
     <a href="#"><img src="./assets/images/button.png" id="btn1"></a>
</div>

面板/部分

<div id="panel2" class="panel" style="padding-top:120px; position:relative">
     <p>Redirect to this section</p>
</div>

脚本

$('#btn1').click(function(){
            if($('[name="name"]').val() == '' || $('[name="cifno"]').val() == '' || $('[name="nric"]').val() == '' || $('[name="identityno"]').val() == ''
            || $('[name="expirydate"]').val() == '' || $('[name="dora"]').val() == '')
            {
                alert("fill up stuff");
            }else{
                window.location = "#panel2";
                $("#img1").attr("src", "./assets/images/bullet_1.png");
                $("#img2").attr("src", "./assets/images/bullet_2.png");
                $("#img3").attr("src", "./assets/images/bullet_1.png");
                $("#img4").attr("src", "./assets/images/bullet_1.png");
                $("#img5").attr("src", "./assets/images/bullet_1.png");
                $("#img6").attr("src", "./assets/images/bullet_1.png");
                $("#img7").attr("src", "./assets/images/bullet_1.png");
            }
});

因此，从if语句的else条件中，我想将自己重定向到#panel2，我该如何做？

编辑＃1 ： 我知道我可以在我的<a href="#">标签上重定向它；但这不能满足我的需求。我正在脚本部分将其重定向，因为我有一个基本的检查器来检查是否填写了某些字段，这就是为什么我无法设置<a href="#panel2">

的原因

Answer 1

尝试一下：

<div class="col-xs-12 padd0" id="footer" style="text-align:center">
 <a href="#panel2"><img src="./assets/images/button.png" id="btn1"></a>
</div>

Answer 2

如果您没有使用a作为链接，即href为空或#，请使用button代替：https://css-tricks.com/use-button-element/#article-header-id-2。 / p>

要回答您的问题，请在onclick处理程序中进行必要的验证后，执行window.location.hash = 'panel2'重定向到该面板。

Answer 3

尝试一下：

$('#btn1').click( function(e) {e.preventDefault(); /*your_code_here;*/ return false; });

Answer 4

您需要在href上添加 panel2 。像这样

<div class="col-xs-12 padd0" id="footer" style="text-align:center">
 <a href="#panel2"><img src="./assets/images/button.png" id="btn1"></a>
</div>