相关疑难解决方法(0)

我有一个网站已经利用了URL中的哈希值,我不想让它改变.当我使用Zurb Foundation并使用href="#"菜单项时,单击它会删除以前的哈希值.

我该如何覆盖此行为？

更新:我认为最好留在元素中,因为当我更改它时,它会更改绑定到该HTML元素的样式.我总是喜欢在使用设计框架时保持默认约定而不是使用覆盖css属性的质量.

谢谢.

我的页面上有几个按钮,onclick它们显示或隐藏了一些<div>元素.

的<div>元件被定位成朝向页面的底部,以便滚动到那些<div>元件是必要的.

每当我点击一个按钮,页面就会跳到顶部.那么如何创建锚点,以便当用户单击按钮时它将保留在页面的该部分？

这是一个按钮:

<p class="text-center"><a id="Button-1" class="btn btn-default" href="#" role="button">View Details</a></p>

这<div>是单击上面按钮时出现的内容:

<div class="row">
    <div id="Section-1" class="col-md-10">
        <p>The section to appear.</p>
    </div>
</div>

这是JavaScript:

$("#Button-1").click(function () {
    $("#Section-2").hide();
    $("#Section-3").hide();
    $("#Section-1").toggle("show");
    $("#Button-1").text(function(i, text) {
        return text === "View Details" ? "Hide Details" : "View Details";
    });
    return false;
});

这是我的研究:

第1条

任何帮助,将不胜感激.

UPDATE

<p class="text-center"><a id="Button-1" class="btn btn-default" href="javascript:void();" role="button">View Details</a></p>

当我单击按钮时...我向下滚动以查看出现的div ..然后单击另一个按钮(看起来与上面完全相同),页面返回到顶部.