Jquery应用css来加载div

我有一个问题，使用load()函数动态地将css应用于加载的div。 找到正在加载的html，并插入它，我可以使用close命令。 但是我试图申请的CSS没有注册。 一切似乎工作正常减去动态css。 我想我可能有错误或错误的function：

jQuery的：

 $(document).ready(function() { //Find & Open $(".projectThumb").click(function(){ htmlName = $(this).find("img").attr("name"); $("#popupContainer").load(htmlName + ".html"); }); //Apply CSS $(".projectPopup").css({"position": "absolute", "background": "#000", "top": "10%", "left": "10px"}); //Close property $("a.close").live("click", function(){ $("#popupContainer").empty(); }); }); 

test.php的：

 
 
  
title
 
 
 
 

aeffect.html：

 
 Close × 
Description
  

Answer 1

您正在错误的时间设置CSS属性。 您需要做的是使用load（）方法的回调函数在加载完成后应用CSS属性。

  $("#popupContainer").load(htmlName + ".html", {}, function(){ $(".projectPopup").css({"position": "absolute", "background": "#000", "top": "10%", "left": "10px"}); }); 

Answer 2

将apply CSS放在.load（）的回调中

 $(document).ready(function() { //Find & Open $(".projectThumb").click(function(){ htmlName = $(this).find("img").attr("name"); $("#popupContainer").load(htmlName + ".html", null, function(){ //Apply CSS $("projectPopup").css({"position": "absolute", "background": "#000", "top": "10%", "left": "10px"}); }); //Close property $("a.close").live("click", function(){ $("#popupContainer").empty(); }); });