كيفية تشغيل لوحة الإغلاق من النقر خارج اللوحة

Question

لقد قمت للتو بتثبيت لوحة زلية من زر "اقتباس سريع" في الجزء العلوي من الصفحة:

نص الارتباط

هل من الممكن جعل اللوحة Slideup عندما ينقر المستخدم في أي مكان خارج لوحة Slidedown؟ أسفل اللوحة؟

Answer 1

يبدو أنك تستخدم jQuery (منشار من Jquerify (Firebug)). لذلك تحتاج إلى تشغيل زر الإغلاق انقر عند النقر فوق المنطقة الخارجية.

على افتراض أن أحداث الشرائح تعمل .closeQ, ، حدد OutsideArea وربط click حدث لتشغيل زر الإغلاق.

$("outsidearea").click(function(){ $(".closeQ").trigger("click"); });

الرد على تعليقك:

على طريقة الشريحة لأسفل/لأعلى ، أضف هذا الرمز (في السطر الأول (أغلق أولاً ، افتح بعد))

$(".btn-slide.closeQ, .btn-slide2.closeQ").trigger("click");

سيجد ما إذا كانت اللوحة مفتوحة ، وإذا تم فتحها ، فسيؤدي ذلك إلى إغلاق الحدث.

Answer 2

ما يمكنك فعله هو ربط حدث نقرة بالرسوم إلى المستند الذي سيخفي اللوحة إذا تم النقر على شيء خارج اللوحة ، ولكن لن يخفيه إذا تم النقر على شيء ما داخل اللوحة ، لذا فإن حدث "العرض" الخاص بك يظهر اللوحة)

    $('.form_wrapper').show(function(){

        $(document).bind('click', function (e) {
            var clicked = $(e.target);
            if (!clicked.parents().hasClass(".class-of-panel")) {
                 $('.form_wrapper').hide();
            }
        });

    });

ثم عند إخفاءه ، قم بإلغاء تبريد حدث النقر

$(document).unbind('click');