当我使用选项卡菜单中的下一个选项卡按钮时，页面向下滚动

Question

<script type='text/javascript'>

    $(window).load(function(){
        $("#tabs").tabs();
        $(".nexttab").click(function() {
            $("#tabs").tabs("select", this.hash);
        });
    });

</script>


<tr>
    <td>&nbsp;</td>
    <td align="right">  <a class="nexttab" href="#tabs-1">  << Back  </a> &nbsp;&nbsp; <a class="nexttab" href="#tabs-3">Next >> </a> </td>
</tr>

当我使用上面的代码时，它完全转移到下一个标签和上一个标签。但问题是当我转到下一个或上一个标签时，我的屏幕正在关闭（我的意思是页面向下滚动很少但是）。你可以帮帮我..提前致谢。

此致 拉梅什

Answer 1

锚标记中的#tabs-1和#tabs-3正在使浏览器跳转到这些锚点。要防止这种情况发生，请将return false;添加到点击处理程序的末尾，以防止默认的浏览器操作。

Answer 2

您必须在return false处理程序中添加click，因此不会跳转到定义的哈希值。

$(".nexttab").click(function() {
  $("#tabs").tabs("select", this.hash);
  return false;
});

使用<< Back或Next >>无效。使用<< Back代替Next >>