删除所有可拖动元素后如何显示消息?

6 javascript jquery jquery-ui

我用拖放元素创建了两个练习.之后我优化了代码,因此可以减少代码.我把两个小提琴合二为一,现在两个小提琴完美合作.

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

现在摆弄两者都合并了 - *http://jsfiddle.net/sanjayrathod7/5cZD5/111/*

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

请给我建议使其成为可能.

任何建议都值得赞赏.

See*_*heC 5

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

那么你可以做的就是1>将id分配给表.即

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

<!-- your Code -->

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

</table>
Run Code Online (Sandbox Code Playgroud)

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
}   
Run Code Online (Sandbox Code Playgroud)

3>在每个掉落的物体上使用它就像这样

例如,对于shoppingCart6

var isAllFilled = checkCompletionStatus(getParent(this));
Run Code Online (Sandbox Code Playgroud)

更新

看小提琴