مسج بالنوافذ ذات التحميل ()

Question

ولدي بعض عناصر div مختلفة مع المشاريع وأسماء مختلفة. كل واحد له اسم فريد، وأود أن أن مثل عندما ينقر المستخدم على أحد، وأنه يقوم بتحميل الصفحة المناسبة في شعبة popupContainer. لسبب ما لا يدعو بالرغم من ذلك.

وهذا هو مسج:

$(document).ready(function(){
    //Find & Open
    $(".projectThumb").click(function(){
        htmlName = $(this).find("img").attr("name");
        $("#popupContainer").load(htmlName + ".html");
            });
    //Close property
    $("a.close").live("click", function(){
        $("#popupContainer").empty();
        });
});

وهذا هو أتش تي أم أل:

<div id="content">
    <div class="projectThumb">
    <img src="/img/aeffect_button_static.gif" width="146" height="199" class="button" name="aeffect" alt="" />
    <p class="title">A.EFFECT: Film Poster</p>
    </div>
    <div class="projectThumb">
    <img src="/img/lova_button_static.gif" width="229" height="199" class="button" name="lova" alt="" />
    <p class="title">Lova &ndash; Summer 07&rsquo; &ndash; Titles</p>
    </div>
</div>
<div id="popupContainer"></div>

Answer 1

وأنت لا إغلاق لديك 1ST بنقرة وظيفة وأنت لا فتح ready(function(){...}) بشكل صحيح إما:

$(document).ready(function(){ // <-- added missing open parens
 //Find & Open
 $(".projectThumb").click(function(){
   htmlName = $(this).find("img").attr("name");
   $("#popupContainer").load(htmlName + ".html");
 }); // <-- added needed closing function

 //Close property
 $("a.close").live("click", function(){
   $("#popupContainer").empty();
 });
});

Answer 2

والوسم

<img ... >

لا يوجد لديه سمة "اسم" (شكل فقط ومكوناته)، واستخدام "المعرف":)

Answer 3

وليس لديك إغلاق الخاص بك فوق 1ST وظيفة:

$(document).ready(function){
 //Find & Open
 $(".projectThumb").click(function(){
   htmlName = $(this).find("img").attr("name");
   $("#popupContainer").load(htmlName + ".html");
 }); <-- needed

 //Close property
 $("a.close").live("click", function(){
   $("#popupContainer").empty();
 });
});