努力将图标变成按钮答案

【问题标题】：Struggling to make an icon into a button努力将图标变成按钮
【发布时间】：2015-02-08 18:18:46
【问题描述】：

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

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

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

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

谢谢！

【问题讨论】：

【解决方案1】：

不需要href，只需使用假链接类

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

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

【讨论】：

【解决方案2】：

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

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

jQuery 代码示例：

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

【讨论】：