두 개의 droppable 객체 안에있는 아이템 계산하기

나는 아코디언과 두 개의 드롭 가능한 박스를 가지고 있습니다 : box1과 box2. 두 상자의 누락 된 항목 수를 어떻게 계산합니까? 여기에 fiddle입니다.두 개의 droppable 객체 안에있는 아이템 계산하기

function(event, ui) { 안에 함수를 추가했지만 두 개 이상의 루프가있는 경우 모든 행에 대해 계산됩니다. 내가 어떻게 그것을 분리 할 수 있습니까? 여기

은 루프 코드 : 작동 그래서 최종 코드는 같은 것

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

두 개의 droppable 객체 안에있는 아이템 계산하기

답변

관련 문제