مسج محاولة إخفاء العنصر عند النقر على الطفل

Question

أحاول إخفاء عنصر عند النقر فوق صورة مع معرف "إغلاق".

$('#close').click(function() {
    $('#ordercell').hide('slide');
});

يجب أن يكون كل ما أحتاج إليه، من ما يمكنني قوله، لكن لا شيء يحدث عندما نقر.

$(document).keyup(function(event) {
    if (event.keyCode ==27) {
        $('#ordercell').hide('slide');
    }
});

يعمل بشكل جيد فقط للاختباء عند الضغط على الهروب، لذلك أنا لست متأكدا تماما ما أفتقده.

HTML الخاص بي هو (عدم استخدام أجهزة الصراف الآلي للصور لأنني أحسب سأحصل على البرنامج النصي قبل صنعته واحد):

<div id="ordercell">
    <div id="orderform">
        <div class="cardorder" id="cardorder56">
        <div id="close">X</div>
        <img src="foo.jpg">
        </div>
    </div>
</div>

هذا هو كل مشفرة بجد، لا أجاكس.

Answer 1

هل الصورة مع id="close" موجودة بالفعل في DOM عند تعيين وظيفة النقر؟

بالمناسبة. WFM. تحقق هنا http://jsbin.com/acose.

Answer 2

هل #close موجودة في DOM عند ربط الحدث Click؟ إذا كنت تستخدم AJAX أو بعض الوسائل الأخرى لتعديل DOM، فستحتاج إلى إعداد حدث النقر في تلك المرحلة في التعليمات البرمجية أو الاستخدام live.

$("#close").live("click", function() { do stuff });

أيضا يجب أن تعود كاذبة من الحدث النقر أو استدعاء الوقاية منه.