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的引用不在其范围内？

尝试使用

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

}

可以从iframe中访问代码，您可能需要在其中移动代码。