مسج تطبيق المغلق لتحميل شعبة

Question

وأواجه مشكلة تطبيق المغلق حيوي لشعبة تحميلها باستخدام وظيفة load(). تم العثور على أتش تي أم أل يتم تحميلها، ويتم إدراجها، ويمكنني استخدام أمر وثيق. ومع ذلك المغلق واني اسعى الى تطبيق لا يتم تسجيله. يبدو أن كل شيء يعمل بشكل جيد ناقص المغلق الحيوية. أعتقد أنني قد يكون شيئا خاطئا أو وظيفة غير صحيحة هنا:

ومسج:

$(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>

Answer 1

وأنت إعداد خصائص CSS في الوقت الخطأ. ما عليك القيام به هو تطبيق خصائص CSS بعد اكتمال الحمل باستخدام وظيفة رد الاتصال من الأسلوب تحميل ().

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

Answer 2

ووضع 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();
        });
});