jQuery를 내가 링크 태그로 동적으로로드 된 이미지를 포장하려합니다

Question

동적으로로드 된 이미지를 배치? 이 작업을 수행 할 때 :

$(slideData[0].imgData).appendTo('body').fadeIn() 

태그가없고 이미지 만 있습니다.

이것이 가능합니까?

Answer 1

slideData[slide].imgData에 <img> 요소를 저장하고 래퍼 <a> 요소를 저장했기 때문입니다. 시도해보십시오 :

$(slideData[0].imgData.parentNode).appendTo('body').fadeIn(); 

Answer 2

요소를 래핑하면 jQuery 집합에있는 요소가 변경되지 않습니다. 문서 어딘가에 요소를 삽입 할 때 (.append, .prepend 등을 사용) 또한

은 다음 는 현재 위치에서 요소를 제거하고 당신이 말한 곳을두고있다.

그래서 이미지가 <a> 태그 안에 들어가고 즉시 다시 제거하여 몸에 넣으려고합니다. <a> 태그는 절대로 본체에 추가되지 않습니다. 당연히 해결책은 이미지 대신 <a>을 추가하는 것입니다.

$(img).load(function() { 
    $("<a></a>") 
     .append($(this).hide()) 
     .appendTo(document.body); 
});