2012-06-02 2 views
1

내 애플리케이션에서 드래그 앤 드롭 업로드를 구현했습니다. '드롭 영역'위로 이미지를 드래그 앤 드롭하면 드롭 영역의 모양이 바뀌고 텍스트는 파일 표시를 삭제하라는 메시지를 표시합니다.드롭 영역을 떠날 때 CSS 재설정 (드래그 앤 드롭 업로드)

파일 놓기를 취소하면 새 CSS와 텍스트가 그대로 남아 있으므로 페이지를 새로 고쳐 정상으로 되돌려 야합니다. 페이지를 새로 고치지 않고 CSS를 정상 상태로 재설정하려면 어떻게해야합니까?

미리 감사드립니다.

holder.ondragover = function() { 
    var information = "<div id='infoText2'>" + "<span>Drop the image here!</span>"; 
    $('#holder').html(information); 
    this.className = 'hover'; 
    return false; 
}; 
// Rest of the code 

답변

1

당신은 당신의 코드에서

holder.ondragend = function() { 
    $('#intoText2').remove(); 
    this.removeClass(); 
}; 
+0

당신이 ondragend 의미하지 않은 ondragend 이벤트를 얻을 때 당신은 클래스 이름을 사업부를 제거하고 제거하려고 할 수 있습니까? ;-) –

+0

@ 트루트 : 네. 감사! –

+1

코드는 ondragleave 대신 ondragleave를 사용해야한다는 점을 제외하고는 정상적으로 작동합니다. – holyredbeard