load（）を使用したJQueryポップアップ

Question

プロジェクトと名前が異なるいくつかのdivがあります。それぞれに一意の名前があり、ユーザーがクリックすると、適切なページが 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 ... >

属性＆quot; name＆quot;はありません（フォームとそのコンポーネントのみ）、「id」を使用します; ：）

Answer 3

最初のクリック機能を閉じていない場合：

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