jQuery UI : 대화 상자를 연 다음 jquery 대화 상자에서 이미지 소스 업데이트

Question

function imageSwap(imgPath){ 
    jQuery("#bigimage").attr("src", imgPath); 

} 

호출자 :

<a href="#" onmouseover="imageSwap('images/upload_pic/resize_<?php echo $image->image;?>')"> 
<img src="images/upload_pic/thumbnail_<?php echo $image->image; ?>" border="0"> 
</a> 

기본 아이디어는 마우스 오버 썸네일을 사용하면 이미지 요소 "bigimage"의 src를 대체하는 함수를 호출한다는 것입니다 ""

<div class="popup_image"> 
    <img src="images/upload_pic/resize_<?php echo $bigimage; ?>" id="bigimage"> 
</div> 

지금까지 일반적인 HTML 내부에서 잘 작동합니다 .

이 문제는 jQuery UI .dialog 안에 있습니다 .

그리고 나서 "bigimage"

어떤 아이디어?

고마워요

Answer 1

아마도 그것은 iframe에이고 #bigimage에 대한 참조가이 범위 안 내 때문에?

시도 코드가 iframe을 내에서 액세스 제공

function imageSwap(imgPath){ 
    jQuery("#bigimage", window.parent.document).attr("src", imgPath); 

} 

를 사용하여, 당신은 그 안에 있음을 이동해야 할 수도 있습니다.