عمل مسج داخل شعبة للسيطرة على آخر مع الحمل ()

Question

ولدي index.php صفحة فهرس، وعندما ينقر المستخدم على مشروع (من أجل هذا السؤال، دعونا نقول ويرد هذا المشروع على صفحة HTML دعا aeffect.html)، فإنه يقوم بتحميل aeffect.html إلى شعبة:

<div id="popupContainer"></div>

والذي يرد oncontained على index.php.

ومع ذلك، هناك العديد من المشاريع على index.php، ولكل من هذه المشاريع لديها زر الإغلاق. حاولت استخدام هذا المتغير لتفريغه popupContainer على أمل أنه سيكون إعادة تعيينها لتفريغ، وسوف aeffect.html dissappear.

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

وهذا لا يبدو قادرا على العمل، وأنا لست متأكدا بالضبط كيفية جعل هذا العمل. هل هناك طريقة لتجعل من ذلك أن العمل من aeffect.html يمكن السيطرة على شعبة على index.php؟

وهنا هو مسج الكامل:

$(document).ready(function() {
//Find & Open
$(".projectThumb").click(function(){
        $("#popupContainer").load("/aeffect.html");
            });

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

وهنا هو أتش تي أم أل index.php

<div id="container">
    <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>
<div id="popupContainer"></div>

ووأتش تي أم أل aeffect.html

<div class="projectPopup" id="aeffect">
    <a class="close">Close &times;</a>
    <img src="/img/aeffect_popup.jpg" width="500" height="729" alt="" />
    <p class="description">Description</p>
</div>

Answer 1

وتتم إضافة معالج $('a.close').click() لجميع a.close عناصر <م> عند تحميل index.php . وهذا يعني أن a.close في المحتوى المحمل لم يكن لديك معالج المرفقة.

وإما إرفاق معالج بعد تحميل محتوى جديد، أو استخدام $('a.close').live('click', ...) بدلا من ذلك.