jQuery直接加载到容器中,加载时fadeIn
我想通过Ajax直接将一些内容加载到目标容器中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
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()
。它获取所有内容,然后作为一种便利过滤内容。改变了答案,结果几乎完全一样。