2つのドロップ可能オブジェクトの中のアイテムを数えよう

私はアコーディオンと2つのドロップ可能なボックスbox1とbox2を持っています。両方のボックスでドロップされたアイテムの数を合計でどのようにカウントすることができますか。ここにはfiddleがあります。2つのドロップ可能オブジェクトの中のアイテムを数えよう

function(event, ui) {の中に関数を追加しましたが、2つ以上のループがある場合は、すべての行がカウントされます。どうやってそれを分けることができるの？ここで

は、ループとコードです：、働くので、あなたの最終的なコードのようなものになるだろう

drop: function(event, ui)

の内側に次の行

var n = $(".dropClass").length; 
$("span").text("Items Dropped: " + n + ".");

を移動しようとする必要があり

<body style="background-color:white;" onload="startTime()"> 
<h1 class="ui-widget-header">Products</h1>  
<div id="myAccordion"> 
<h3><a href="#">T-Shirts</a></h3> 
    <div> 
     <ul> 
      <li>Lolcat Shirt</li> 
      <li>Cheezeburger Shirt</li> 
      <li>Buckit Shirt</li> 
     </ul> 
    </div> 
<h3><a href="#">Bags</a></h3> 
    <div> 
     <ul> 
      <li>Zebra Striped</li> 
      <li>Black Leather</li> 
      <li>Alligator Leather</li> 
     </ul> 
    </div> 
<h3><a href="#">Gadgets</a></h3> 
    <div> 
     <ul> 
      <li>iPhone</li> 
      <li>iPod</li> 
      <li>iPad</li> 
     </ul> 
    </div> 
</div> 
<label> 
<?php 
    $len=2; 
    for($y=0;$y<$len;$y++) 
    { 
     echo "<div class='proc'> <pre>"; 
     echo "<span> </span><br /></pre>"; 
?> 
    <div id="procLeader"> 
     <label>Box1:</label> 
     <div class="ui-widget-content"> 
     <div id="procleader"> 
      <ol> 
       <li class="placeholder" name="procleader">Add here</li> 
       <input type="hidden" name="procleader" id="hiddenListInput3" /> 
      </ol> 
     </div> 
     </div> 
    </div> 
    <div id="procChecker"> 
     <label>Box2:</label> 
     <div class="ui-widget-content"> 
     <div id="procchecker"> 
      <ol> 
       <li class="placeholder" name="procchecker">Add here</li> 
       <input type="hidden" name="procchecker" id="hiddenListInput4" /> 
      </ol> 
     </div> 
     </div> 
    </div> 
<?php  
    echo "</div>";      
    } 
?> 
</label> 
</body>

出典

2016-09-23 Yevgeniy Bagackiy

：

//add style 
$('.ui-droppable').find("li.ui-draggable:contains('" + zz + "')").addClass('bred'); 
var n = $(".dropClass").length; 
$("span").text("Items Dropped: " + n + ".");

お試しくださいfiddle

出典

2016-09-23 02:49:24 vanderlee

感謝をドロップ機能を追加、しかし、私はループを持っている場合、どのように私は数えるごとに分けることができますか？何か案は？あなたは編集されたポストを見ることができます、ありがとう –

$(document.body).append($(".dropClass"));

を削除して、答えを

var n = $(".dropClass").length; 
$("span").text("Items Droped: " + n + ".");

出典

2016-09-23 02:57:53

2つのドロップ可能オブジェクトの中のアイテムを数えよう

答えて

関連する問題