img src 没有更新

Posted 2023-02-24

【中文标题】img src 没有更新

【英文标题】：Img scr not updating

【发布时间】：2017-04-27 17:05:30

【问题描述】：

所以基本上我要做的是在不刷新网站的情况下更新图像 scr。好吧，如果我刷新网站但用户看不到他选择的图像，它会起作用。所以用户需要先刷新页面。

img 标签 <img class="tInput" id="ImageType" src="<?php echo $this->item->houses_ImageType; ?>" />

这是一个自动填充表单，文本有效。 <input class="tInput" type="text" name="house_video" id="video" size="50" maxlength="250" value="<?php echo $this->houses->video; ?>" />

<input name="house_title" value="<?php echo $this->houses->house_title; ?>" class="tInput" id="game_title" tabindex="1"/>

javascript 代码

                $itemrow.find('#house_title').val(ui.item.itemTitle);
                $itemrow.find('#House_Type').val(ui.item.HouseType);
                $itemrow.find('#ImageType').val(ui.item.ImageType);
                $itemrow.find('#house_video').val(ui.item.itemVideo);

在我的 joomla 站点中，我创建了一个小组件（在一些帮助下），在那里我创建了一个包含房屋标题、图像、视频等的字段...它正在连接到我的数据库，图像的数据库字段只是一个文本框。我把图像路径 (/images/items/house145.jpg) 放在那里。

如果用户想搜索三间卧室的房子，那么所有信息都会自动填充，图像字段也是如此，但是您需要刷新页面然后图像才会显示出来。如果用户搜索 5 间卧室，则需要再次刷新页面，因为 3 间卧室的图像仍在显示。

我错过了什么吗？

【问题讨论】：

图片没有val()，它们有attr('src')，您需要更改。

虽然您的代码不是问题，但您的问题中有两个地方提到了“scr”而不是“src”，因此请确保在实现代码时输入正确。

我忘了说，但我已经试过了：控制台出错；类型错误：“src”.item 未定义

@PcWolf 好吧，这不是正确的语法。类似于$itemrow.find('#ImageType').attr('src', ui.item.ImageType); 假设ui.item.ImageType 是一个有效的URL，当然。

感谢您提供此信息，伙计！今晚你应该喝一杯冰镇啤酒！

【参考方案1】：

您不能使用val 函数更改图像的来源。您可以通过更改 src 属性的值来实现。

 $(elem).attr('src', newSource);

所以在你的情况下：

 $itemrow.find('#House_Type').attr('src', ui.item.HouseType);

 $itemrow.find('#ImageType').attr('src', ui.item.ImageType);

【参考方案2】：

谢谢大家，我做了一些事情......如果我把 attr... 放在所有的地方，那么只有图像可以工作，文本框不行。现在可以了！

        $itemrow.find('#house_title').val(ui.item.itemTitle);
        $itemrow.find('#House_Type').val(ui.item.HouseType);
        $itemrow.find('#ImageType').attr('src', ui.item.ImageType);

【参考方案3】：

根据 ceejayoz 的评论，对图像使用 .attr('src') 而不是 .val()。

$itemrow.find('#house_title').attr('src', ui.item.itemTitle);
$itemrow.find('#House_Type').attr('src', ui.item.HouseType);
$itemrow.find('#ImageType').attr('src', ui.item.ImageType);
$itemrow.find('#house_video').attr('src', ui.item.itemVideo);