努力将图标变成按钮

Question

我正在尝试将我正在使用的图标制作成一个按钮，按下该按钮会触发导航栏打开。这是 HTML:

<div id="fixedBar">
    <h1>Company</h1>
    <a href="#" class="entypo-menu" id="showLeft"></a>
</div>

class是图标图片，id触发导航栏。问题是，当我单击该图标时，由于 href 为“#”，页面会滚动回顶部。

我不确定如何让图标在单击时不 link 任何东西。

谢谢！

Answer 1

您可以删除 a 上的 href 属性，该属性在 HTML5 中有效。这会将您的 link 变成 placeholder hyperlink.

如果您在应用程序中使用 Javascript，您可以为点击设置一个事件处理程序，并使用 preventDefault() 方法。

jQuery 的代码示例：

$('a').on('click', function(e){
    e.preventDefault();
});

Answer 2

不需要 href 就用假的 link class

<span class="fake-link" id="fake-link-1"> fake link</span>

.fake-link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

Struggling to make an icon into a button