두 번째 이미지에 실패한 인공 지능 이미지 편집기

Question

필자는 파일 관리자로 aviary를 연결하여 파일 저장소의 이미지를 편집하고 있습니다. 내가 모달 창을 모달 창에서

을 열기 전에 이미지의 src 속성을 업데이트 나는 그것을 사용자가 클릭 한 번 모달 창에 이미지를 개방하고있어 엄지 손가락의 범위에서

은 버튼있다 조류 사육장을 열어 사육장에서 편집하려면 이미지를로드하십시오.

thumb1을 클릭 한 다음 이미지를 편집하면 예상대로 잘 작동합니다. 그런 다음 thumb2를 편집하는 데 문제가 있습니다.

모달 창에 올바른 이미지가 열리고 예상대로 이미지가 제대로 열립니다. 그러나 초기 창 크기를로드 할 때 초기 크기 조정에서 문제가 발생합니다.

임시 이미지는 처음에는 표시되고이 이미지 뒤에는 크기가 조정 된 이미지가 나타납니다. 임시 이미지는 화면에 남아 있고 사물은 끊어집니다.

새로로드 할 때 모두 예상대로 작동하지만 두 번째로드에서는 작동하지 않습니다. 내가 콘솔 로그에서 볼 수

오류 :

Uncaught TypeError: Cannot call method 'isUsingHiResDimensions' of undefined 

방법 나는 새장의 설정을 지우려면 첫 번째 이미지에 모달를 닫 일단의 깨끗 시작 다음에 시간을주고 있는가?

나는이 기능을 새장에 전화 해요 :

$(document).ready(function() { 
    $('.thumbnail').click(function(event) { 
     var imagePreview = $('#image1'); 
     imagePreview.attr('src',$(this).attr('href')); 
     $('#editImageLink').click(function(event) { 
      return launchEditor('image1', imagePreview.attr('src')); 
     }); 
     $('#imagePreview').modal('show'); 
     return false; 
    }); 
}); 

내 조류 사육장 초기화는 여기에 있습니다 : 내가 취소하고 페이지 새로 고침보다는 다시 다른 시작해야 할 일을 확인

var featherEditor = new Aviary.Feather({ 
    apiKey: 'mycode', 
    apiVersion: 3, 
    theme: 'dark', // Check out our new 'light' and 'dark' themes! 
    tools: 'all', 
    appendTo: '', 
    onSave: function(imageID, newURL) { 
     var img = document.getElementById(imageID); 
     img.src = newURL; 
    }, 
    onError: function(errorObj) { 
     alert(errorObj.message); 
    } 
}); 
function launchEditor(id, src) { 
    featherEditor.launch({ 
     image: id, 
     url: src 
    }); 
    return false; 
} 

하지, 어떤 도움을 주셔서 감사합니다.

Answer 1

더 많은 클릭 이벤트가 editImageLink에 바인딩되어 있으므로 코드가 두 번 이상 실행되고 있습니다.

적절한 것 바인딩 :

$(document).ready(function() { 
    var imagePreview = $('#image1'); 

    $('.thumbnail').click(function(event) { 
     imagePreview.attr('src',$(this).attr('href')); 
     $('#imagePreview').modal('show'); 
     return false; 
    }); 

    $('#editImageLink').click(function(event) { 
     return launchEditor('image1', imagePreview.attr('src')); 
    }); 
});