我用拖放元素创建了两个练习.之后我优化了代码,因此可以减少代码.我把两个小提琴合二为一,现在两个小提琴完美合作.
一个小提琴 - *http://jsfiddle.net/5cZD5/101/*
第二小提琴 - *http://jsfiddle.net/5cZD5/104/*
现在摆弄两者都合并了 - *http://jsfiddle.net/sanjayrathod7/5cZD5/111/*
现在我不知道如何使用一个函数在两个练习中显示消息.
请给我建议使其成为可能.
任何建议都值得赞赏.
我猜你问的是一个检查两者完成状态的函数.
那么你可以做的就是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)
更新