Question

在我的网站上，当我点击开始考试按钮时，应该会显示一些元素。但是，每当我单击它时，元素都会显示然后隐藏。 This is the site ，这是控制onclick()事件的代码：

// Display initial question
$("#begin").click(function(){
    $("#quiz").removeClass("hidden");
    $("#intro").addClass("hidden");
    $("#prev").removeClass("hidden");
    $("#next").removeClass("hidden");
    $("#questionnum").removeClass("hidden");

    displayNext();
});

Answer 1

您可以按照以下方式解决此问题;

$("#begin").click(function(event){
  event.preventDefault();

  $("#quiz, #prev, #next, #questionnum").removeClass("hidden");
  $("#intro").addClass("hidden");

  displayNext();
});

或者，您只需修改“开始考试”按钮即可解决此问题。如果像这样更新href属性; href="javascript:;"，你可以解决这个问题。因为，当你有空的href属性时，页面将被刷新。您需要阻止此默认操作，或者需要为链接设置无用的href属性。

Answer 2

Conversion -> Export OpenSSH key是一个锚点，因此您必须使用#begin阻止默认操作重定向到href属性中的网址，因为现在点击时页面会刷新：

e.preventDefault();

注意：您可以为多个选择器使用逗号分隔符$("#begin").click(function(e){ e.preventDefault(); $("#quiz, #prev, #next, #questionnum").removeClass("hidden"); $("#intro").addClass("hidden"); displayNext(); });。

希望这有帮助。

Answer 3

尝试将其设置为：

$("#begin").click(function(e){
e.preventDefault();
$("#quiz").removeClass("hidden");
$("#intro").addClass("hidden");
 $("#prev").removeClass("hidden");
$("#next").removeClass("hidden");
 $("#questionnum").removeClass("hidden");
 displayNext();

});

按钮onclick不起作用

3 个答案: