jQuery直接加载到容器中,加载时fadeIn

jQuery直接加载到容器中,加载时fadeIn,jquery,load,fadein,Jquery,Load,Fadein,我想通过Ajax直接将一些内容加载到目标容器中 var theData = $('<div id="tempcontainer">').load('/'+targetProject + ' #containerUID' + targetProject); $( theData ).prependTo( '#targetContainer' ); var theData=$('').load('/'+targetProject+'#container

我想通过Ajax直接将一些内容加载到目标容器中

var theData = $('<div id="tempcontainer">').load('/'+targetProject + ' #containerUID' + targetProject);                 
$( theData ).prependTo( '#targetContainer' );
var theData=$('').load('/'+targetProject+'#containerUID'+targetProject);
$(theData).prependTo(“#targetContainer”);
这会将数据加载到我的
#targetContainer
,但会留下一个不必要的
#tempcontainer
。 因为我想将多个项目加载到我的
#targetContainer
中,所以不能有重复的
#tempcontainers

我想要实现的是将加载的数据插入到我的
#targetContainer
中,而不使用重复的
#tempcontainers
(完全避免它会更好),测量它的高度(如果可能的话隐藏),在加载内容时调用一些函数和fadeIn

提前谢谢

您好, Knal.

load()
只是
$.get
的便捷快捷方式,因此如果将数据存储在变量中,
$.get
可能更合适。然后,只需隐藏内容,预先添加并淡入即可。为了避免一些问题,我采取了不同的做法,但这不重要:

$.get('/'+targetProject , function(data) {
    $( data ).find('#containerUID' + targetProject)
             .hide()
             .fadeIn()
             .prependTo( '#targetContainer' );
});

听起来不错,谢谢!!你能解释一下为什么你先是
fadeIn
,然后是
prepend
?fadeIn有点异步,所以它不会停止prependTo的执行,而且它的速度非常快,你永远不会注意到差异。按这种顺序操作的原因是,我似乎会遇到一些问题,首先是追加/预加,然后时不时地淡入,这种方式似乎总能解决这些问题,所以我已经习惯了这种顺序,因为我知道它总是按照预期的方式工作。在测试解决方案时,我注意到,
get
不会只返回所需的元素,以
#containerUID
表示,而
load
会满足此请求。有什么线索吗?@knalpiap-是的,
load()
在内部使用
find()
。它获取所有内容,然后作为一种便利过滤内容。改变了答案,结果几乎完全一样。