带有load（）的jquery弹出窗口

Question

我有几个不同的divs，有不同的项目和名称。每个人都有一个独特的名字，我希望当用户点击一个名称时，它会将相应的页面加载到popupContainer div中。由于某种原因，它不会打电话。

这是Jquery的：

$(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(); 
     }); 
}); 

这是HTML：

<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

你不关闭你的第一次点击功能，你就无法正常打开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 ... > 

有没有属性 “名”（唯一形式及其组件）使用“ID”:)

Answer 3

您的n OT关闭您的第一个点击功能：

$(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(); 
}); 
});