苦苦于将图标变成按钮

Question

我试图将图标im用于按下按钮，按下该按钮会触发导航栏打开。这是HTML：

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

该类是图标图像，id触发导航栏。问题是当我点击图标时，由于'＃'的href，页面会回滚到顶部。

我不确定如何在点击时让图标无法链接到任何内容。

谢谢！

Answer 1

您可以删除href上的a属性，该属性在HTML5中有效。这会将您的链接转换为placeholder hyperlink。

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

使用jQuery的代码示例：

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

Answer 2

不需要href只使用假链接类

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

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