我的网站包含以下代码:
<ul class="thumbnails1">
<li>
<img src="~/Images/man1.jpg" alt="n/a"/>
</li>
</ul>
<input type="button" value="See More" onclick="OnSeeMore()"/>
<script type="text/javascript">
function OnSeeMore() {
$('.thumbnails1').prepend('<li><img src="~/Images/man1.jpg" alt="n/a"/></li>');
}
</script>
原始图像看起来不错,但是当我单击“查看更多”按钮时,我可以看到列表项是动态添加的,但图像显示的是“alt”文本 n/a 而不是“man1.jpg”图像。那我做错了什么?我基本上试图复制谷歌的图像搜索行为,只显示数据库中的一些图像,然后根据要求显示更多。