努力把一个图标变成一个按钮

Question

我试图使图标即时使用到一个按钮，当按下时，触发导航栏打开。这里是HTML：

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

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

我不知道如何让图标在单击时不会链接到任何东西。

谢谢！

Answer 1

A HREF只使用一个假链接类

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

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

Answer 2

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

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

代码示例使用jQuery：

不需要

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