في كثير من الأحيان ، عندما نفعل الواجهة الأمامية ، سيكون لدينا مثل هذه الميزة الصغيرة. . بافتراض المشهد التالي ، زر صغير ، انقر فوق "يطفو على" مربع معياري.
الأمر بهذه البساطة ، ولكن عندما نريد النقر فوق الجزء الفارغ ، إخفاء مربع مشروط ، أضف معرف الزر: BTN ، معرف مربع الوسيط: نموذج
ربما تكون أفكارنا الأبسط هي الاستماع إلى الحدث مباشرة على المستند.
الزر انقر فوق حدث pop -up لمراقبة:
نسخ رمز رمز على النحو التالي:
$ ("#BTN").
إذا (
E.StopPropagation () ؛
} آخر {
e.cancelBubble = true ؛
}
})
نسخ رمز رمز على النحو التالي:
$ (docume) .bind ("انقر" ، وظيفة (e) {
إذا (حدث النقر ليس على النموذج) {
مربع مشروط مخفي.
}
})
للوهلة الأولى ، لا توجد مشكلة ، ولكن هناك بالفعل العديد من المشكلات. عندما لا يزال لدينا العديد من عناصر التحكم الصغيرة على الإطار المشروط ، يكون من الصعب الحكم على النقر في المربع الوسيط.
هنا ، أعتقد أن هناك الطريقة الأكثر كلاسيكية ، وهي بسيطة ، ولكنها ذكية للغاية ،
بادئ ذي بدء ، فإن الحادث هو كما يلي على نموذج الإطار المشروط:
نسخ رمز رمز على النحو التالي:
$ ("#Modal").
if (event && event.stoppropagation) {{
event.stoppropagation () ؛
} آخر {
event.cancelBubble = true ؛
}
}) ؛
ما عليك سوى منع النقرات في مربع الوضع ،
ثم:
نسخ رمز رمز على النحو التالي:
$ (docume). ONE ("Click" ، function (e) {
var $ target = $ (e.currentTarget) ؛
if ($ target.attr ("id")! = "Modal") {{
$ ("#modal").
}
}) ؛
افعل ذلك ، سهل جدا