我有下面的代码,我需要做的是通过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; });