सभी ड्रैगगेबल तत्व के बाद संदेश कैसे प्रदर्शित किया जाए?

Question

मैंने ड्रैग और ड्रॉप तत्व के बेड़े में दो अभ्यास बनाए हैं। उसके बाद मैंने कोड अनुकूलित किया था, इसलिए कोड कम किया जा सकता है। मैंने दोनों में एक पहेली को विलय कर दिया था और अब दोनों एक पहेली में पूरी तरह से काम कर रहे हैं।

एक बेला - *http://jsfiddle.net/5cZD5/101/* दूसरा बेला - *http://jsfiddle.net/5cZD5/104/*

अब बेला जिसमें दोनों विलय कर रहे हैं - *http://jsfiddle.net/sanjayrathod7/5cZD5/111/*

अब मैं नहीं विचार दोनों अभ्यास में संदेश प्रदर्शित करने के लिए कैसे का उपयोग कर बनाने की है एक समारोह

कृपया इसे संभव बनाने के लिए मुझे सुझाव दें।

कोई भी सुझाव सराहनीय है।

Answer 1

मुझे लगता है कि आप एक समारोह के बारे में पूछ रहे हैं जो दोनों के लिए पूर्णता की स्थिति की जांच करता है।

तो इसके लिए आप क्या कर सकते हैं 1> दोनों तालिका में आईडी दें। यानी

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

<!-- your Code --> 

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

</table> 

2> इन दोनों समारोह प्रत्येक गिरा वस्तु पर स्क्रिप्ट

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> इस

उदाहरण के लिए की तरह उपयोग में, shoppingCart6

var isAllFilled = checkCompletionStatus(getParent(this)); 

के लिए जोड़ें अपडेट किया गया

See the Fiddle