jquery - 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 中访问，您可能必须在其中移动它。