2014-03-28 1 views
0

전체 그림을 문서 준비에 넣고 16 개의 부분으로 나눠서 전체 그림이 발견되면 경고로 확인해야합니다. 그림의 일부는 전환 할 수 없어야합니다. 다시. 이 코드를 tryed있다 :모든 부분이 전체 그림을 만들었을 때 유효성 확인

바이올린 : CorrectAnswers 인 반면 http://jsfiddle.net/w53Ls/4/

$(function() { 
     $("#puzzle").sortable({ 
      update: function() { 
       var CorrectAnswers = ["bucata0", "bucata1", "bucata2", "bucata3", "bucata4", "bucata5", "bucata6", "bucata7", "bucata8", "bucata9", "bucata10", "bucata11", "bucata12", "bucata13", "bucata14", "bucata15"]; 
       var UserAnswers = []; 
       $('#puzzle img').each(function(){ 
        var imageId = $(this).attr("id"); 
        UserAnswers += imageId.replace("recordArr_", "")+","; 
       });   
        UserAnswers = UserAnswers.substr(0,(UserAnswers.length) -1); 
       if(UserAnswers == CorrectAnswers){ 
        alert("You Won"); 
       } 
      } 
     }); 
    }); 

답변

0

그것은, UserAnswers 더 배열 (더 이상)없는 것으로 나타났다. 단순히 CorrectAnswers의 값을 결합함으로써, 코드는

if(UserAnswers== CorrectAnswers.join(',')){ 
    alert("You Won"); 
} 

를 작동 또는 당신은 쉼표로 구분 된 문자열로 CorrectAnswers를 다시 작성합니다.

+0

이제 나는 사용자가 서로 이미지를 바꾸기 시작할 때 이미지의 ID가 변경 될 것입니다. (이렇게하면 안된다 ... – user3459377

+0

==를 사용하여 두 개의 배열을 비교하는 방법에주의하십시오. 또한 http://stackoverflow.com/questions/7837456/comparing-two-arrays-in-javascript –

+0

잘 알아두면 좋겠지 만 이제 다른 문제가 생깁니다 ... 두 조각이 바뀌면 ID가 바뀌지 않습니다. ( – user3459377