javascript - ドラッグ可能なすべての要素がドロップされたときに、ボタン/再生メッセージを表示します。Adobe Edge アニメーション Javascript/Jquery

Question

主に Jquery と Javascript で実行される Adob​​e Edge Animate を使用して、ドラッグ アンド ドロップ操作を作成しようとしています。

すべてが希望どおりにドラッグおよびドロップ可能ですが、正しい要素が正しいターゲットにドロップされたとき、15 個の要素すべてが正しくドロップされたときに認識してカウントするコードが必要です (ボタンが表示されるメッセージを再生する必要があります)見えるようにしました）。

分解するには: element_1 が target_1 にドロップされたとき、要素 1 ～ 15 が正しくドロップされたとき、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();
}});