버튼/재생 표시 모든 드래그 가능한 요소가 삭제되면 메시지가 표시됩니다. Adobe Edge 애니메이션 Javascript/Jquery

Question

주로 Jquery 및 Javascript에서 실행되는 Adobe Edge Animation을 사용하여 드래그 앤 드롭 상호 작용을 만들려고합니다.

내가 원하는대로 모든 것을 드래그하고 놓을 수 있지만 정확한 요소가 올바른 대상에 떨어질 때 코드를 인식하고 계산해야합니다. 15 개의 요소가 모두 올바르게 삭제되면 나는 메시지를 재생하려고합니다. 버튼이 보이게됩니다).

을 분해하려면 요소 1-15가 제대로 삭제 된 경우 element_1이 Target_1로에 삭제 카운트, sym.play ('BUTTONLABEL를 - 버튼이 보이게 것이다).

내가 현재 사용하고있는 코드는 다음과 같습니다 :

yepnope({nope:['jquery-ui.min.js'], complete: init}); 

function init(){ 
    //Drag 
    sym.$('Designed').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Interactive').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Evaluated').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Raised').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Clear').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Created').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Fundraising').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Communicated').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('LongLasting').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Saved').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Increased').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Organisations').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Organised').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('Achieving').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

sym.$('IncreasedConfidence').draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
}); 

//Drop 
sym.$('DesignedTarget').droppable({ 
    accept: sym.$('Designed'), 
    drop: function() { 
     sym.getSymbol("Designed").play(); 
} 
}); 

sym.$('EvaluatedTarget').droppable({ 
    accept: sym.$('Evaluated'), 
      drop: function() { 
       sym.getSymbol("Evaluated").play(); 
      } 
}); 

sym.$('CreatedTarget').droppable({ 
    accept: sym.$('Created'),  
    drop: function() { 
     sym.getSymbol("Created").play(); 
}}); 

sym.$('CommunicatedTarget').droppable({ 
    accept: sym.$('Communicated'), 
    drop: function() { 
     sym.getSymbol("Communicated").play(); 
}}); 

sym.$('OrganisedTarget').droppable({ 
    accept: sym.$('Organised'), 
    drop: function() { 
     sym.getSymbol("Organised").play(); 
}}); 

sym.$('InteractiveTarget').droppable({ 
    accept: sym.$('Interactive'),  
    drop: function() { 
     sym.getSymbol("Interactive").play(); 
}}); 

sym.$('FundraisingTarget').droppable({ 
    accept: sym.$('Fundraising'),  
    drop: function() { 
     sym.getSymbol("Fundraising").play(); 
}}); 

sym.$('OrganisationsTarget').droppable({ 
    accept: sym.$('Organisations'), 
    drop: function() { 
     sym.getSymbol("Organisations").play(); 
}}); 

sym.$('LongLastingTarget').droppable({ 
    accept: sym.$('LongLasting'),  
    drop: function() { 
     sym.getSymbol("LongLasting").play(); 
}}); 

sym.$('ClearTarget').droppable({ 
    accept: sym.$('Clear'), 
    drop: function() { 
     sym.getSymbol("Clear").play(); 
}}); 

sym.$('RaisedTarget').droppable({ 
    accept: sym.$('Raised'), 
    drop: function() { 
     sym.getSymbol("Raised").play(); 
}}); 

sym.$('SavedTarget').droppable({ 
    accept: sym.$('Saved'), 
    drop: function() { 
     sym.getSymbol("Saved").play(); 
}}); 

sym.$('IncreasedTarget').droppable({ 
    accept: sym.$('Increased'), 
    drop: function() { 
     sym.getSymbol("Increased").play(); 
}}); 

sym.$('AchievingTarget').droppable({ 
    accept: sym.$('Achieving'), 
    drop: function() { 
     sym.getSymbol("Achieving").play(); 
}}); 

sym.$('IncreasedConfidenceTarget').droppable({ 
    accept: sym.$('IncreasedConfidence'),  
    drop: function() { 
     sym.getSymbol("IncreasedConfidence").play(); 
}}); 

Answer 1

내가 변수 인 아이템 드롭에 떨어 뜨린 때마다 단지 반복 사용하려고합니다 : 기능. 카운터가 15에 도달하면 그냥 카운터를 실행해야합니다.

$counter = 0; 
.... 
sym.$('SavedTarget').droppable({ 
    accept: sym.$('Saved'), 
    drop: function() { 
     $counter += 1; 
     sym.getSymbol("Saved").play(); 
}}); 
.... 
if($counter == 15) { 
    sym.play('ButtonLabel'); 
}