2013-12-18 4 views
6

私はドラッグアンドドロップ要素のフィドルで2つのエクササイズを作成しました。その後、私はコードを最適化したので、コードを減らすことができます。私は1つのフィドルを両方ともマージしていましたが、今は両方とも1つのフィドルで完璧に動作しています。ドラッグ可能な要素がすべて削除された後にメッセージを表示するには?

ワンフィドル - *http://jsfiddle.net/5cZD5/101/* 第二バイオリン - *http://jsfiddle.net/5cZD5/104/*

今いじるの両方がマージされている - 今*http://jsfiddle.net/sanjayrathod7/5cZD5/111/*

私はないアイデアの両方の運動でメッセージを表示する方法を使用して作っています1つの機能。

可能にするために私に教えてください。

どのような示唆も認められます。

答えて

5

私は両方の完了ステータスをチェックする1つの機能について質問していると思います。

あなたができることは です。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

あなたは正しいですが、もし私が最初のエクササイズで要素をドロップされていれば、それはメッセージを表示しますが、最初のエクササイズの要素をドロップすると、どのように私はこれに取り組んでいますか? –

関連する問題