Fixed the issue that the skip button can still be clicked when switch…

…ing questions
SkyEye-FAST · Jul 21, 2024 · 74b0e1f · 74b0e1f
1 parent 6457eb9
commit 74b0e1f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/static/css/quiz_sub.css b/static/css/quiz_sub.css
@@ -116,6 +116,10 @@ input[type="text"] {
     flex: 1;
 }
 
+#buttons button[disabled] {
+    opacity: 0.5 !important;
+}
+
 button {
     background-color: transparent !important;
 }

diff --git a/static/js/quiz.js b/static/js/quiz.js
@@ -194,12 +194,14 @@ $(document).ready(function () {
 
         if (input === translation && !isLocked) {
             isLocked = true;
+            $skipButton.attr("disabled", "true");
             await delay(delayBetweenQuestions);
             if (currentQuestionIndex === questionKeys.length - 1) {
                 await showSummary();
             } else {
                 await fadeOutElement($info, fadeDuration);
                 currentQuestionIndex++;
+                $skipButton.removeAttr("disabled");
                 await initializeQuestion();
             }
             isLocked = false;