2009-02-07 3 views
1

jquery 1.3.1 (UI 버전 1.5.3)의 삭제 가능한 효과에 문제가 있습니다. 멀리 말할 수있는 한, drop() 함수가 호출되지 않는 것을 제외하고는 모든 것이 완벽하게 작동합니다. 나는 드롭 가능한 대상이 드래그되는 요소를 받아들이는 것을 (썸네일 클래스를 통해) 말할 수 있지만 드래그 가능한 항목은 떨어지지 않습니다. 미리 도움을 주셔서 감사합니다!jquery 끌기/놓기 문제 : drop() 함수가 호출되지 않습니다.

<html> 
<head> 
<script type="text/javascript" language="javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript" language="javascript" src="/jquery/jquery.ui.js"></script> 
<script type="text/javascript" language="javascript"> 
//<!-- 
    $(document).ready(function() { 
     $('.drop_box').droppable({ 
      accept: '.thumbnail', 
      activeClass: 'droppable-active', 
      hoverClass: 'droppable-hover', 
      drop: function (ev, ui) { 
       alert("Dropped!"); 
      } 
     }); 

     $('#sample_thumbnail').draggable({ 
      helper: 'clone' 
     }); 
    }); 
//--> 
</script> 
<style type="text/css"> 
    .drop_box { 
     top:16px; 
     width:250px; 
     height:250px; 
     border:1px solid #000000; 
     float: right; 
    } 
    .droppable-hover { 
     background-color: #eeeeee; 
     border: 1px solid red; 
    } 
    .droppable-active { 
     background-color: orange; 
     color: white; 
     border: 1px solid blue; 
    } 
    .thumbnail { 
     width:100px; 
     height:100px; 
     border:1px solid green; 
    } 
</style> 
</head> 
<body> 
<div class="drop_box">droppable</div> 
<div id="sample_thumbnail" class="thumbnail">draggable</div> 
</body> 
</html> 
+0

감사합니다. 나는 UI 1.6rc6을 설치했고 그것은 매력처럼 작동한다. – matt

답변

2

"JQuery와 1.3.1 (UI 버전 1.5.3)"

당신은 버전이 쌍을 사용해서는 안된다. JQuery 1.3.x는 UI 1.5.x 시리즈와 호환되지 않으며 1.6 릴리스 후보가 필요합니다. 끌어서 놓기 기능 만 원한다면 출시 후보 버전이 상당히 안정적입니다. 나는 그것들을 프로덕션에서 사용하는데 전혀 신경 쓰지 않을 것이다. 드래그 앤 드롭 만 사용하므로 나머지 1.6 분기 UI의 안정성에 대해서는 언급 할 수 없습니다.

0

Mac/Safari 또는 Mac/Firefox에서 jQuery 1.2.6 및 jQuery UI 1.5.3을 사용하여 코드에 아무런 문제가 없습니다. 귀하의 문제는 호환되지 않는 버전으로 생각됩니다.

관련 문제