이미지가로드 된 후 경고 상자 시퀀스

Question

그래서 간단한 개체 찾기 게임에 대한 팝업 논리를 만들려고합니다. 그래서 두 개의 경고 메시지를 표시 할 문자열 배열을 만들었습니다. 첫 번째 경고는 [insertName]을 (를) 찾았 음을 나타냅니다. 동일한 객체를 다시 클릭하면 "이미 발견했습니다"라는 일반 메시지가 표시됩니다. 그런 다음 모든 이미지를 클릭 한 후 클릭 한 항목의 int 개수를 기반으로 새 페이지가로드됩니다. 내가 처음으로 경고를하는 방법은 문제가 있습니다. 나는 초기 경고에 대한 또 다른 배열을 만들 것이라고 생각했지만, 막혔을 때.

<div id="b1" class="mybox">One</div> 
<div id="b2" class="mybox">Two </div> 
<div id="b3" class="mybox">Three </div> 
<div id="b4" class="mybox">Four </div> 
<div id="b5" class="mybox">Effortless Calls </div> 
<div id="b6" class="mybox">Voicebot </div> 

<script type="text/javascript"> 

    //$('body').css('background','blue'); 
    var Boxes = []; 
    var ttle = $('.mybox').length; 
    $('.mybox').click(function() { 

    alert('Blah '); 
    var bx = this.id; 
    if (Boxes.indexOf(bx) >= 0){ 
     alert('You Already Found Object '); 
    }else{ 
     Boxes.push(bx); 
    } 

    if (Boxes.length ==ttle) 
     window.location = "#/finishedgame"; 
    }); 
</script> 

Answer 1

당신은 당신이 Boxes.push(bx);을하기 전에 왜 당신은 alert(hey you found [insertName]);을하지, 다른 배열이 필요하지 않습니다? 사용자가 적어도 내가 게시물에서 수집 한 것에서 첫 번째 알림을 원할 때 처음으로 사용자가 상자를 터치해야합니다. 그래서

var Boxes = []; 
var ttle = $('.mybox').length; 
$('.mybox').click(function() { 

    var bx = this.id; 
    if (Boxes.indexOf(bx) >= 0){ 
     alert('You Already Found Object '); 
    }else{ 
     var text = [get name of box here] 
     alert("hey you found" + text); 
     Boxes.push(bx); 
    } 

    if (Boxes.length ==ttle) 
     window.location = "#/finishedgame"; 
}); 

Answer 2

은 당신의 요소에 사용자 정의 속성을 추가 데이터를 클릭 = "false"를 사용자가 elem.setAttribute 설정 요소를 클릭
('데이터 클릭', '진정한');

<div id="b1" class="mybox" data-clicked="false">One</div> 
<div id="b2" class="mybox" data-clicked="false">Two </div> 
<div id="b3" class="mybox" data-clicked="false">Three </div> 
<div id="b4" class="mybox" data-clicked="false">Four </div> 
<div id="b5" class="mybox" data-clicked="false">Effortless Calls </div> 
<div id="b6" class="mybox" data-clicked="false">Voicebot </div> 

$('.mybox').click(function (elem) { 
    var clicked = $(elem).data('clicked'); 

    if(clicked){ 
     alert(msg1); 
    } else { 
     alert(msg1); 
     elem.setAttribute('data-clicked','true'); 
    }; 

});