jQuery UI：打开对话框后更新jQuery对话框内的图像源答案

【问题标题】：jQuery UI: Update image source inside jquery dialog after dialog has been openedjQuery UI：打开对话框后更新jQuery对话框内的图像源
【发布时间】：2010-11-19 15:26:19
【问题描述】：

我有以下功能：

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”

有什么想法吗？

谢谢大家

【问题讨论】：

可能是因为它在 iframe 中并且对 #bigimage 的引用不在其范围内？

标签： jquery image jquery-ui dialog onmouseover

【解决方案1】：

可能是因为它位于 iframe 中并且对 #bigimage 的引用不在其范围内？

尝试使用

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

}

如果代码可以从 iframe 中访问，您可能必须在其中移动它。

【讨论】：