jquery - jQuery 直接加载到容器中，加载时淡入

Question

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

var theData = $('<div id="tempcontainer">').load('/'+targetProject + ' #containerUID' + targetProject);                 
$( theData ).prependTo( '#targetContainer' );

这会将数据加载到 my#targetContainer中，但给我留下了不必要的#tempcontainer. 由于我想将多个项目加载到我的#targetContainer我不能重复#tempcontainers。

我想要实现的是在#targetContainer没有重复的情况下将加载的数据插入我的隐藏#tempcontainers（完全避免它会更好），测量它的高度（如果可能的话隐藏），调用一些函数并在内容加载时淡入。

提前致谢！

问候，克纳尔。

Answer 1

load()只是一个方便的快捷方式$.get，因此如果将数据存储在变量中，$.get可能更合适。然后只是隐藏内容，添加它并淡入。我以不同的顺序进行操作以避免一些问题，但这并不重要：

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