jQuery直接加载到容器中，加载时为fadeIn

Question

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

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

这会将数据加载到我的#targetContainer，但会留下不必要的#tempcontainer。 由于我想在我的#targetContainer中加载多个项目，因此我无法复制#tempcontainers。

我想要实现的是将加载的数据隐藏到我的#targetContainer中，而不会重复#tempcontainers（完全避免它会更好），测量它的高度（如果可能，则隐藏） ，在内容加载时调用一些函数和淡入淡出。

提前致谢！

问候， Knal。

Answer 1

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

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