jQuery를 스크립트는 업로드 된 이미지

에서 작동하지 않습니다 내가 수평 및 수직 DIV 내에서 이미지를 중앙 집중화이 jQuery 코드를 가지고 :jQuery를 스크립트는 업로드 된 이미지

var $itemImage = $('.a-img'); 
$itemImage.each(function() { 
    var $img = $(this); 
    var h = $img.height(); 
    var w = $img.width(); 
    $img.css('margin-top', +h/-2 + "px").css('margin-left',+ w/ -2 + "px"); 
});

페이지가 처음로드 될 때 작동합니다. 그러나 사진을 업데이트 할 수있는 팝업 상자가 표시되는 링크가 페이지에 있습니다. 팝업 상자에서 "업로드"를 클릭하면 메인 페이지의 이미지가 전체 페이지를 새로 고치지 않고 변경됩니다. 이미지에 처음 적용된 jQuery 코드가 더 이상 작동하지 않습니다. 이미지는 더 이상 중앙 집중화되지 않습니다.

어떻게이 문제를 해결할 수 있습니까?

출처

2012-10-10 catandmouse

이것은 CSS를 사용해야하는 문제처럼 보입니다. 그런 다음 CSS는 새로운 이미지에 대해 자동으로 작동합니다. – jfriend00

이것을 함수에 넣고 이미지를로드 할 때이 함수를 호출하십시오. 오, 그리고 JavaScript입니다. $ itemImage 대신 itemImage, $ img 대신 img를 변수에서 제거하십시오.

출처

2012-10-10 04:48:27

자바 스크립트에서'$ '변수 앞에 접두어를 붙이는 것은 jQuery 객체에 대한 참조임을 나타내는 일반적인 방법입니다. 그의'h'와'w' 변수에는 달러 기호가 없습니다. –

다음과 같이 window.opener.myFunction(); 자식 창에. 감사. – catandmouse

:) 다행. –

jQuery를 스크립트는 업로드 된 이미지

답변

관련 문제