按钮确定但是href链接不会触发

Question

我有JQuery代码:

$("#step1Skip").on("click", function(event){
    $('#chooseTheme, #addImages, #addVideo, #finalStep').hide();
    $('#addLogo').show();
});

如果我使用按钮,例如

<button type="button" id="step1Skip">Skip this step >></button>

这很好用.但是,如果我尝试使用简单的链接:

<a href="#" id="step1Skip">Skip this step</a>

它什么都不做,根本行不通.这是为什么？

我不会同时尝试它们,所以这不是ID问题.

Answer 1

您的浏览器正在尝试关注此链接.尝试使用.preventDefault()

$("#step1Skip").on("click", function(event){
    event.preventDefault();
    $('#chooseTheme, #addImages, #addVideo, #finalStep').hide();
    $('#addLogo').show();
});

这将阻止链接的默认操作发生.