표시되는 항목은 항상 -1을 반환

Question

(여기 JQuery와 UI를 사용하여)

바이올린 : http://jsfiddle.net/sP3UZ/2677/

목적 : 파란색 버튼 중 하나를 드래그하면, 다른 하나는 숨겨진 나는 이전 계산한다 dom에 index()를 통해 .user_task의 인스턴스.

내 선택기에 : visible 부분이 없으면 코드가 정상적으로 작동하고 클릭 한 항목의 합계가 이전 항목과 같아지고 다음과 같이 표시됩니다. 선택기에서 항상 -1이 표시됩니다.

$("#sortable").sortable({ 
    items: ".user_task", 
    appendTo: "body", 
    helper: "clone", 
    revert: true, 
    start: function(event, ui) { 
     var taskid = ui.item.data("taskid"); 
     $("[data-taskid='" + taskid + "']").not(ui.helper).hide(); 

     var x = $(".user_task:visible").index(ui.item); 
     $("#counter").text(x); 
    }, 
}); 

내 최종 결과가 있어야한다, 드래그 지난 파란색 버튼 (예를 들어) X = 2

Answer 1

불쾌한 해킹

$("#sortable").sortable({ 
    items: ".user_task", 
    appendTo: "body", 
    helper: "clone", 
    revert: true, 
    start: function (event, ui) { 
     var taskid = ui.item.data("taskid"); 
     $("[data-taskid='" + taskid + "']").not(ui.helper).hide(); 

     var $usertasks = $(".user_task"); 
     var all = $usertasks.index(ui.item); 
     var hidden = $usertasks.slice(0, all).not(':visible').length; 
     var x = all - hidden; 

     $("#counter").text(x); 
    }, 
}); 

데모 : Fiddle