0

我的目的是动态加载图像，我使用的是 jQuery。假设在一个网页中，它们是一个<fieldset>包含 5 个图像的元素，并且在<fieldset>. 当鼠标悬停在链接 A 上时，我喜欢加载从服务器 A 加载的 5 张图像并显示在<fieldset>; 将鼠标悬停在链接 B 上时，来自服务器 B 的 5 张图像显示在<fieldset>.

我的实现是<fieldset>A当鼠标第一次悬停在链接A上时创建图像集A；当鼠标移动到链接B，隐藏<fieldset>A，然后创建<fieldset>B并加载图像集B。当鼠标回到链接A，隐藏<fieldset>B和显示<fieldset>A。

这是我的问题，当页面加载并且我将鼠标移到链接 A 上时，该页面充当预期的离子，但是当鼠标移动到链接 B 时，我附加<fieldset>B到<fieldset>A并隐藏<fieldset>A，<fieldset>B也不显示。

下面是代码： fieldA 已创建

$.ajax({url:dUrl, success:function(result){
    var fieldB = $("<fieldset></fieldset>");
    fieldB.attr("id", cPath);
    fieldB.html(result);
    fieldA.append(fieldB);
    fieldA.hide();
}});

我是网络编程新手，这是使用 jQuery 的错误方式吗？这是实现动态加载图片的错误方法吗？有人可以帮我吗？非常感谢。

4

1 回答 1

1

而不是使用.append（在其他元素中添加元素），您应该尝试使用.after（在给定元素之后附加元素）。

于 2013-02-13T10:22:09.353 回答