2013-12-18 2 views
6

나는 드래그 앤 드롭 요소의 두드리기에서 두 가지 연습을 만들었습니다. 그 후 코드를 최적화 했으므로 코드를 줄일 수 있습니다. 나는 하나의 바이올린을 병합했고 이제는 모두 하나의 바이올린에서 완벽하게 작동합니다.모든 드래그 가능한 요소가 삭제 된 후 메시지를 표시하는 방법?

한 바이올린 - *http://jsfiddle.net/5cZD5/101/* 두 번째 바이올린 - *http://jsfiddle.net/5cZD5/104/*

지금 바이올린을 모두 병합하는 - 이제 *http://jsfiddle.net/sanjayrathod7/5cZD5/111/*

그럴 생각이 모두 운동에 메시지를 표시하는 방법을 사용하고있다 하나의 기능.

가능한지 제안 해주세요.

제안 사항이있을 수 있습니다.

답변

5

두 가지 모두에 대해 완료 상태를 확인하는 기능을 묻는 것 같습니다.

당신이 할 수있는 일은 입니다. 1> 두 테이블 모두에 id를 지정하십시오. 즉

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

<!-- your Code --> 

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

</table> 

2>

var isAllFilled = checkCompletionStatus(getParent(this)); 

shoppingCart6

을 위해 각 떨어 개체에 대한 스크립트

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> 예를 들어이

처럼 사용이 두 기능을 추가 업데이트 됨

See the Fiddle

+0

당신은 내가 패스 해야할지 모르겠지만 원인을 알려주세요. var isAllFilled = checkCompletionStatus (getParent ("shoppingCart6")); –

+0

피들을보십시오 http://jsfiddle.net/Khursheed_Ali/5cZD5/113/ – SeeTheC

+0

당신은 맞습니다.하지만 첫 번째 excersise에서 엘리먼트가 떨어지면 메시지를 보여줍니다. 그러나 첫 번째 연습의 두 번째 운동 메시지에 요소를 놓을 때 어떻게 숨길 지 내가 이걸 다뤄? –

관련 문제