gpt4 book ai didi

jquery - 我可以获取图像并通过ajax加载到div中吗

转载 作者:行者123 更新时间:2023-12-01 00:36:04 25 4
gpt4 key购买 nike

我有下面的代码,我需要做的就是通过ajax将图像从href加载到div中...任何帮助表示赞赏。我相信 load() 无法加载这样的图像?

    <ul id="list">
<li class="list-item-1"><a href="images/image1.jpg">Image 1</a></li>
<li class="list-item-2"><a href="images/image2.jpg">Image 2</a></li>
<li class="list-item-3"><a href="images/image3.jpg">Image 3</a></li>
<li class="list-item-4"><a href="images/image4.jpg">Image 4</a></li>
</ul>
<div id="image-holder"></div>

非常感谢,C

最佳答案

您还必须删除当前附加的图像。这里有一个点击事件和图像,而不是附加标记。

$('#list li a').click(function () {
var url = $(this).attr('href'),
image = new Image();
image.src = url;
image.onload = function () {
$('#image-holder').empty().append(image);
};
image.onerror = function () {
$('#image-holder').empty().html('That image is not available.');
}

$('#image-holder').empty().html('Loading...');

return false;
});

关于jquery - 我可以获取图像并通过ajax加载到div中吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4337917/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com