JQuery를 사용하는 간단한 진행 표시 줄이 작동하지 않습니다.

저는 JavaScript로 초보자입니다. 온라인 퀴즈 (html5 코드)를 담당하며 "시작 게임"기능을 실행하는 데 오랜 시간이 걸립니다. .so는 내가 진행률 표시 줄이JQuery를 사용하는 간단한 진행 표시 줄이 작동하지 않습니다.

function startgame() 
    {  
    var progress=0; 
    for (index = 0; index < numberofquestions; index++) { 
    progress=index+"%"; 
    $("#progress-bar").css("width",progress); 
    ... 
    } 
    ...}

및 진행 바는 예상대로 작동하는 HTML 코드

<div id="progress-bar" style="width:0%; background:blue;opacity:1;height:25px;"/>`

에서 사업부의 ID입니다 추가 (바의 폭이 증가) 할 때 for 루프를 건너 뛸 수 있지만 중단 점을 제거하고 실행하면 전혀 작동하지 않습니다 (진행률은 0 % 또는 내가 디버깅을 중지 지점) 는 또한 ("# 진행 바")를 $를 대체 할

document.getElementById("progress-bar").outerHTML='<div id="progress-bar"   style="width:'+progress+';background:blue;opacity:1; display:block; height:25px;"'+'/>';

을 시도했습니다 CSS ("폭", 진행 상황을).; 하지만 그 결과는 이전과 동일합니다

출처

2013-02-03 Shawn1989

' "startgame"함수를 실행하는 데 시간이 오래 걸리는''(100 개의 질문에 대해 html을 구성하십시오. ''우선 순위는 그것은 많은 데이터가 아니므로 100 개의 퀴토 리오가 필요합니다. 진행 막대가 필요하다는 것과 같은 오랜 시간이 걸리지 않아야합니다. – mikakun

numberofquestions.length는 배열 numberofquestions의 전체 길이를 제공해야합니다. 모든 코드가 누락되어 그 말을 할 수 없게됩니다.

출처

2013-02-03 10:46:41

어려운 점은 진행률 표시 줄을 움직이는 것입니다. for 루프의 반복으로 어쨌든 고마워요. – Shawn1989

JQuery를 사용하는 간단한 진행 표시 줄이 작동하지 않습니다.

답변

관련 문제