Подсчет предметов внутри двух объектов сбрасываемых

У меня есть аккордеон и два коромысла: box1 и box2. Как я могу подсчитать количество удаленных предметов в обоих полях. Вот fiddle.Подсчет предметов внутри двух объектов сбрасываемых

Я добавил функцию внутри function(event, ui) {, но если у меня есть петля из двух или более, она учитывается для каждой строки. Как я могу отделить его?

Вот код с петлей:

<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

, который должен работать, попробуйте переместить следующие строки

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

внутри

drop: function(event, ui)

так что ваш окончательный код будет что-то вроде :

//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

Подсчет предметов внутри двух объектов сбрасываемых

ответ

Смежные вопросы