Wie wird die Nachricht angezeigt, nachdem alle ziehbaren Elemente gelöscht wurden?

Question

Ich habe zwei Übungen in Geige Drag & Drop-Element erstellt. Danach hatte ich den Code optimiert, so dass Code reduziert werden kann. Ich habe beide Geige in einem vereint und jetzt arbeiten beide perfekt in einer Geige.

Eine Geige - *http://jsfiddle.net/5cZD5/101/* zweite Geige - *http://jsfiddle.net/5cZD5/104/*

Jetzt Geige, in dem beide zusammengeführt werden - *http://jsfiddle.net/sanjayrathod7/5cZD5/111/*

Jetzt habe ich nicht Ahnung, wie Nachricht in beide Übung anzuzeigen mit machen eine Funktion.

Bitte geben Sie mir Vorschläge, um es zu ermöglichen.

Irgendein Vorschlag ist nennenswert.

Answer 1

Ich vermute, dass Sie nach der einen Funktion fragen, die den Abschlussstatus für beide prüft.

Also für das, was Sie tun können, ist 1> Geben Sie die ID zu beiden Tabellen. dh

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

<!-- your Code --> 

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

</table> 

2> diese beiden Funktion in Skript hinzufügen

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> auf jedes Objekt fiel es wie dieses

verwenden

Zum Beispiel für shoppingCart6

var isAllFilled = checkCompletionStatus(getParent(this)); 

Aktualisiert