我的目的是动态加载图像,我正在使用jQuery。
让我们说在一个网页中,他们是一个<fieldset>
元素,其中包含5个图像,<fieldset>
下面有两个链接(linkA和linkB)。当鼠标悬停在linkA上时,我喜欢从服务器A加载5个图像并显示在<fieldset>
;当悬停在linkB上时,来自服务器B的5个图像显示在<fieldset>
。
我的实现是当鼠标第一次悬停在链接A上时为图像集A创建<fieldset>A
;当鼠标移动到linkB时,隐藏<fieldset>A
,然后创建<fieldset>B
并加载图像集B.当鼠标回到linkA时,隐藏<fieldset>B
并显示<fieldset>A
。
这是我的问题,当页面加载并且我将鼠标移到linkA上时,页面充当期望离子,但当鼠标移动到linkB时,我将<fieldset>B
追加到<fieldset>A
并隐藏{{ 1}},<fieldset>A
也不显示。
以下是代码:fieldA已创建
<fieldset>B
我是网络编程的新手,这是一种使用jQuery的错误方法吗?这是实现动态加载图片的错误方法吗?谁能给我一个帮助?非常感谢。
答案 0 :(得分:1)
您应该尝试使用.append
(在给定元素后添加元素),而不是使用.after
(在其他内部添加元素)。