너비 값을 맞춤 속성에 전달하는 방법은 무엇입니까?

Question

내가 너비와 내 IMG의 높이를 얻을 수있는 방법 0

로 설정 data-width 및 data-height 속성이있는 <img> 태그가 있다고 가정하고 내 사용자 지정 특성에 전달?

누군가 나를 도와주세요. 나는 오랫동안 파고 있었다.

여기 내 코드는 작동하지 않았다이다 :

당신이 점점 또는 .data()를 설정하는 데 어떤 문제를

$(".draggable").draggable({ 
    helper: "clone", 
    cursor: 'move' 
}); 
$("#dropzone").droppable({ 
    drop: function (event, ui) { 
     var canvas = $(this); 
     if (!ui.draggable.hasClass('object')) { 
      var canvasElement = ui.helper.clone(); 
      canvasElement.addClass('object'); 
      canvas.find("div").removeClass('activeElement'); 
      canvasElement.addClass('activeElement'); 
      canvasElement.removeClass('draggable ui-draggable ui-draggable-handle ui-draggable-dragging'); 
      var mywidth = canvasElement.find("img").width(); 
      canvasElement.find("img").data("width",mywidth); 
      canvas.append(canvasElement); 
      canvasElement.css({ 
       left: (ui.position.left), 
       top: (ui.position.top), 
       position: 'absolute', 
       zIndex: 2    
      }); 

      canvasElement.draggable({ 
      cursor: 'move', 
      containment: '#dropzone' 
      }); 

Answer 1

확실하지? 그런 다음 나는 그것을 해결 attr()

var img = $("img"); 
var [width, height] = [img.attr("width"), img.attr("height")]; 
img.data({width:width, height:height}); 

Answer 2

에서 검색 .data() 사용하여 값을 설정 .attr() 또는 DOM.naturalWidth, .naturalHeight를 사용하여 width, height의 img 요소를 얻을 수 있어야합니다. 내 코드의 위치. 요소의 너비와 높이를 가져 오기 전에 먼저 요소를 추가합니다.