Jquery application de css à charger div

Je vais avoir un problème dans l'application de css dynamiquement à un chargé div à l'aide de la load() fonction. Le code html à charger est trouvé, et il est inséré, et je peux utiliser une commande de fermeture. Cependant, le css, je suis en train d'appliquer n'est pas enregistré. Tout semble bien fonctionner, moins le css dynamique. Je pense que j'ai peut-être quelque chose de mal ou d'une fonction incorrecte ici:

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:

<div id="content">
    <div class="projectThumb">
      <img src="/img/aeffect_button_static.gif" name="aeffect" />
      <p class="title">title</p>
    </div>
</div>
<div id="popupContainer"></div>

aeffect.html:

<div class="projectPopup" id="aeffect">
  <a class="close">Close &times;</a>
  <p class="description">Description</p>
</div>
InformationsquelleAutor antonanton | 2009-09-10
  1. 2

    Vous définissez les propriétés CSS au mauvais moment. Ce que vous devez faire est d'appliquer les propriétés CSS après la charge complète à l'aide de la fonction de rappel de la méthode load ().

     $("#popupContainer").load(htmlName + ".html", {}, function(){
     $(".projectPopup").css({"position": "absolute", "background": "#000", "top": "10%", "left": "10px"});
 });
    • Génial, je suppose qu'il a à charge en ligne avec la popup. Merci pour cette!
    • L'élément projectPopup n'existe pas lorsque la page se charge et le $(document).prêt() s'exécute lorsque le chargement de la page. À l'époque, on ne trouve aucun élément qui correspond à $(".projectPopup"). Après l'AJAX méthode load() exécute l'élément propejctPopUp existent maintenant donc c'est pourquoi il fonctionne lorsque l'on y accède à partir de la fonction de rappel.
    InformationsquelleAutor Vincent Ramdhanie
  2. 2

    Mettre l'appliquer le style CSS dans la fonction de rappel pour la .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();
        });
});
    InformationsquelleAutor Lance Rushing