javascript - 所有可拖动元素掉落后如何显示消息？

Question

我在拖放元素的 fiddle 中创建了两个练习。之后我优化了代码，所以代码可以减少。我将两个 fiddle 合二为一，现在两个都在一个 fiddle 中完美地工作。

一个 fiddle - * http://jsfiddle.net/5cZD5/101/ *第二 fiddle - * http://jsfiddle.net/5cZD5/104/ *

现在合并了两者的 fiddle - * http://jsfiddle.net/sanjayrathod7/5cZD5/111/ *

现在我不知道如何使用一个函数在两个练习中显示消息。

请给我建议，使之成为可能。

任何建议都是可取的。

Answer 1

我猜你问的是检查两者完成状态的一个函数。

所以你可以做的是1> 将 id 赋予两个表。即

<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