Come visualizzare il messaggio dopo che tutti gli elementi trascinabili sono caduti?

Question

Ho creato due esercizi in violino di trascinamento della selezione. Successivamente ho ottimizzato il codice, quindi il codice può essere ridotto. Ho unito entrambi i violini in uno e ora entrambi stanno perfettamente funzionando in un solo violino.

Un violino - *http://jsfiddle.net/5cZD5/101/* secondo violino - *http://jsfiddle.net/5cZD5/104/*

Ora violino in cui entrambi sono fuse - *http://jsfiddle.net/sanjayrathod7/5cZD5/111/*

Ora non ho idea di come visualizzare il messaggio sia in esercizio utilizzando fare una funzione

Per favore dammi suggerimenti per renderlo possibile.

Qualsiasi suggerimento è apprezzabile.

Answer 1

Immagino che tu stia chiedendo di una funzione che controlla lo stato di completamento per entrambi.

Quindi per quello che puoi fare è 1> Assegna l'id a entrambi i tavoli. cioè

<table width="100%" id="tabel1"> 
<!-- Your Code --> 
</table> 

<!-- your Code --> 

<table width="100%" id="tabel2"> 
<!-- Your Code --> 

</table> 

2> aggiungere queste due funzioni nello script

function getParent(draggedElem) 
{ 
var tableId=$(draggedElem).parents("table").attr("id");  
console.log(tableId); 
return tableId; 
} 
function checkCompletionStatus(tableId){ 

     var isAllFilled = true; 
     $("#"+tableId+" .shoppingCart").each(function(){ 
      if($(this).find('ol .placeholder').length > 0) 
      { 
       isAllFilled = false; 
       return 
      } 
     }); 
     return isAllFilled 
} 

3> su ogni oggetto caduto usare in questo modo

Ad esempio, per shoppingCart6

var isAllFilled = checkCompletionStatus(getParent(this)); 

Aggiornamento

See the Fiddle