드래그 앤 드롭 jquery 문제 제거

SrAxi

이 드래그 앤 드롭을 구현했습니다 : http://hayageek.com/drag-and-drop-file-upload-jquery/ .

잘 작동하지만 내 문제는 다음과 같습니다.

파일을 추가 한 다음 제거합니다. 다른 파일을 추가하면 "제거 된"파일이 다시 나타나지만 제거 버튼이 없습니다.

나는 이것을 해결하기 위해 필사적이다.

문제가 처리기 또는 삭제 기능에 있다고 생각합니다. 하지만 찾을 수 없습니다. 휴식이 필요할지도 ...

$(document).ready(function () {

$("#errorMessages").hide();
// Handle drag and drop events with jQuery
var obj = $("#dragandrophandler");
obj.on('dragenter', function (e) {
    e.stopPropagation();
    e.preventDefault();
    $(this).css('border', '2px solid #0B85A1');
});
obj.on('dragover', function (e) {
    e.stopPropagation();
    e.preventDefault();
});
obj.on('drop', function (e) {
    $(this).css('border', '2px dotted #0B85A1');
    e.preventDefault();
    var files = e.originalEvent.dataTransfer.files;
    cleanErrorMessages();
    //We need to send dropped files to Server
    handleFileUpload(files, obj, uploadURL);
});

// If the files are dropped outside the div, file is opened in the browser window. To avoid that we can prevent ‘drop’ event on document.
$(document).on('dragenter', function (e) {
    e.stopPropagation();
    e.preventDefault();
});
$(document).on('dragover', function (e) {
    e.stopPropagation();
    e.preventDefault();
    obj.css('border', '2px dotted #0B85A1');
});
$(document).on('drop', function (e) {
    e.stopPropagation();
    e.preventDefault();
});

$("#file").change(function () {
    cleanErrorMessages();
});

// add file to the list using the input
$("#addFile").click(function (evt) {
    evt.preventDefault();
    var files = $("#file")[0].files;
    handleFileUpload(files, obj);
    $("#file").val("");
    return false;
});

});

더 많은 코드가 있지만 문제는이 부분에 있어야한다고 생각합니다. 해결책을 찾으면 게시하겠습니다.

제거 기능 :

this.remove.click(function (evt) {
    // TO DO:  call to the WS to remove from the server 
    var numrow = evt.currentTarget.parentElement.attributes[1].value;
        evt.currentTarget.parentElement.removeChild(evt.currentTarget);
    $(".statusbar[numrow='" + numrow + "']").fadeOut(1000, "easeInOutCubic", function (evt) {
    });
});
SrAxi

제거 기능 변경 :

this.remove.click(function (evt) {
    // TO DO:  call to the WS to remove from the server 
    var numrow = evt.currentTarget.parentElement.attributes[1].value;
        evt.currentTarget.parentElement.remove(evt.currentTarget);
    $(".statusbar[numrow='" + numrow + "']").fadeOut(1000, "easeInOutCubic", function (evt) {
    });
});

변경해야했습니다 :이를 evt.currentTarget.parentElement.removeChild(evt.currentTarget);위해 : evt.currentTarget.parentElement.remove(evt.currentTarget);.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jQuery owlCarousel 드래그 앤 드롭 Firefox 문제

분류에서Dev

jQuery UI 드래그 앤 드롭 가능 중복 문제

분류에서Dev

jquery 드래그 앤 드롭 스크롤바 문제

분류에서Dev

드래그 앤 드롭 II의 문제

분류에서Dev

각도 드래그 앤 드롭 문제

분류에서Dev

JQuery GAE Dropload 사용 문제-드래그 앤 드롭에서 Blobstore 업로드

분류에서Dev

드래그 앤 드롭시 QListWidget에서 항목 제거

분류에서Dev

드래그 앤 드롭으로 대상 요소 제거

분류에서Dev

드래그 앤 드롭은 jQuery Plus Plus에서 부모로 제한됩니다.

분류에서Dev

자바 스크립트 드래그 앤 드롭 기능 문제

분류에서Dev

Kendo UI Grid 다중 선택 드래그 앤 드롭 문제

분류에서Dev

silverstripe v3 드래그 앤 드롭 재정렬 문제

분류에서Dev

DragEvents 전송시 Android 드래그 앤 드롭 문제

분류에서Dev

자바 스크립트 드래그 앤 드롭 문제

분류에서Dev

드래그 앤 드롭 API에 문제가 있습니까?

분류에서Dev

Swift에서 드래그 앤 드롭-드래그 된 유형 등록 문제?

분류에서Dev

jQuery 드래그-드롭 카트 문제

분류에서Dev

jQuery UI Sortable 및 Bootstrap 그리드를 사용하여 Hubspots 드래그 앤 드롭 양식 작성기 UI 복제

분류에서Dev

드래그 앤 드롭 목록-더블 클릭시 항목 제거

분류에서Dev

복제 개체 배경 드래그 앤 드롭

분류에서Dev

ExtJs 트리 패널에서 드래그 앤 드롭 제한

분류에서Dev

드래그 앤 드롭 후 TabPage 제목 정렬이 잘못됨

분류에서Dev

Jquery 드래그 앤 드롭 버튼 onclick

분류에서Dev

jquery로 고급 드래그 앤 드롭

분류에서Dev

각도 드래그 앤 드롭 : 항목을 드래그 앤 드롭 한 후 컨테이너에서 제거하면 안됩니다.

분류에서Dev

드래그 앤 드롭 그리드 내에서 이미지 복제

분류에서Dev

이상한 마우스 문제. 실수로 두 번 클릭, 선택, 드래그 앤 드롭 문제

분류에서Dev

프라임 페이스 트리 : 드래그 앤 드롭 후 노드를 제거하지 마십시오.

분류에서Dev

jQuery 드래그 앤 드롭에서 드롭 영역 필터링

Related 관련 기사

  1. 1

    jQuery owlCarousel 드래그 앤 드롭 Firefox 문제

  2. 2

    jQuery UI 드래그 앤 드롭 가능 중복 문제

  3. 3

    jquery 드래그 앤 드롭 스크롤바 문제

  4. 4

    드래그 앤 드롭 II의 문제

  5. 5

    각도 드래그 앤 드롭 문제

  6. 6

    JQuery GAE Dropload 사용 문제-드래그 앤 드롭에서 Blobstore 업로드

  7. 7

    드래그 앤 드롭시 QListWidget에서 항목 제거

  8. 8

    드래그 앤 드롭으로 대상 요소 제거

  9. 9

    드래그 앤 드롭은 jQuery Plus Plus에서 부모로 제한됩니다.

  10. 10

    자바 스크립트 드래그 앤 드롭 기능 문제

  11. 11

    Kendo UI Grid 다중 선택 드래그 앤 드롭 문제

  12. 12

    silverstripe v3 드래그 앤 드롭 재정렬 문제

  13. 13

    DragEvents 전송시 Android 드래그 앤 드롭 문제

  14. 14

    자바 스크립트 드래그 앤 드롭 문제

  15. 15

    드래그 앤 드롭 API에 문제가 있습니까?

  16. 16

    Swift에서 드래그 앤 드롭-드래그 된 유형 등록 문제?

  17. 17

    jQuery 드래그-드롭 카트 문제

  18. 18

    jQuery UI Sortable 및 Bootstrap 그리드를 사용하여 Hubspots 드래그 앤 드롭 양식 작성기 UI 복제

  19. 19

    드래그 앤 드롭 목록-더블 클릭시 항목 제거

  20. 20

    복제 개체 배경 드래그 앤 드롭

  21. 21

    ExtJs 트리 패널에서 드래그 앤 드롭 제한

  22. 22

    드래그 앤 드롭 후 TabPage 제목 정렬이 잘못됨

  23. 23

    Jquery 드래그 앤 드롭 버튼 onclick

  24. 24

    jquery로 고급 드래그 앤 드롭

  25. 25

    각도 드래그 앤 드롭 : 항목을 드래그 앤 드롭 한 후 컨테이너에서 제거하면 안됩니다.

  26. 26

    드래그 앤 드롭 그리드 내에서 이미지 복제

  27. 27

    이상한 마우스 문제. 실수로 두 번 클릭, 선택, 드래그 앤 드롭 문제

  28. 28

    프라임 페이스 트리 : 드래그 앤 드롭 후 노드를 제거하지 마십시오.

  29. 29

    jQuery 드래그 앤 드롭에서 드롭 영역 필터링

뜨겁다태그

보관