标题重写：정답을 여러 번 누르면 퀴즈의 버그로 인해 점수가 무한 상승합니다.

Question

그래서 저는 학위에 대한 CSS 애니메이션을 만들고 있으며 특정 답변이 있는 질문을 통해 반복되도록 퀴즈를 설정하고 퀴즈가 완벽하게 작동하는 등의 문제를 해결했습니다. 답변을 여러 번 선택하면 답변이 이미 선택되고 초기 점수 증가가 추가된 경우에도 점수가 증가합니다. 우리가 만들고 있는 게임에 대한 내러티브를 제공하는 텍스트가 있는 화면으로 시작하는데, 이는 역시 예상되는 것입니다.

이것은 모든 페이지가 상위 컨테이너 안에 있고 하위 컨테이너의 페이지를 반복하는 단일 페이지 설정입니다.

JQuery, HTML 및 CSS를 사용하여 스타일을 지정하는 코드.

으아아아 으아아아

이 문제를 해결하는 방법에 대한 설명을 주시면 감사하겠습니다. 사용자가 버그를 찾지 못할 수도 있지만 게임 디자인의 무결성을 위해 모든 기반을 다뤄 버그가 수정되었는지 확인하고 싶습니다.

다음을 추가해 보았습니다:

으아아아

하지만 Google 개발자 모드에 버그가 있어서 제거했지만 여전히 문제가 해결되지 않았고 이로 인해 더 많은 문제가 발생하여 다음 버튼을 누를 수 없게 되었습니다. 첫 번째 정답을 완전히 누른 후 선택 과정.

Answer 1

답변 상자를 반복해야 할 것 같습니다.

이 질문의 예와 아래 답변( 동일한 클래스의 요소에 대한 jQuery 루프 )을 적용하여 JS 코드를 다음과 같이 변경해야 합니다.

으아아아

Answer 2

여기에 분수가 증가할 때 계산수업

을 추가했습니다.

이것을 시도해 보세요 JSFiddle

으아악

그리고 nextQuestion() 시작 부분에

를 추가하세요. 으아악