2013-04-27 2 views
1

나는 jQuery의 낙하 할 기능을 결합하기 위해 노력하고있어 : 동위 원소와동위 원소 타일로 드래그 가능한 JQuery를 사용하면 (바이올린 포함)?

http://jqueryui.com/droppable/

:

http://isotope.metafizzy.co/index.html

일부 드래그 타일을 얻을. 나는 다음과 같습니다

http://jsfiddle.net/PTSkR/24/

당신이 시도하고 드래그 앤 타일 중 하나를 삭제하면

, 당신은 몇 가지 이상한 행동을 얻는다. 그것은 반향이 가짜 기본 위치를보고있는 것처럼 보입니다 ... "되돌리기"를 설정하지 않으면 동일하게 발생하지만 동위 원소에있는 것으로 생각합니다.

이것이 라이브러리 간의 충돌 또는 구현 실수인지 확실하지 않습니다. 어떻게 해결할 수 있습니까? 여기

내 자바 스크립트입니다 :

$(function() { 
    $('#container').isotope({ 
     // options 
     itemSelector: '.study-box', 
     layoutMode: 'fitRows' 
    }); 
}); 
$(function() { 
    $(".set-box").draggable({ revert: "invalid" }); 
    }); 
$(function() { 
    $(".folder-box").draggable(); 
    $(".folder-box").droppable({ 
     revert: "invalid", 
     accept: ".folder-box", 
     drop: function (event, ui) { 
      alert("dropped"); 
     } 
    }); 
}); 

답변