طريقة تنفيذ حدث TAP منع الفقاعات في Zepto.js

تصف هذه المقالة طريقة تنفيذ أحداث TAP في zepto.js لمنع الفقاعات. شاركه للرجوع إليه. التفاصيل كما يلي:

في الآونة الأخيرة ، كنت أعمل على نسخة متنقلة من الموقع. أردت في الأصل استخدام jQuery Mobile ، لكن الملف كان كبيرًا جدًا ، لذلك استخدمت Zepto.js

نظرًا لأنه سيكون هناك تأخير في استخدام أحداث النقر في صفحات الويب للهاتف المحمول ، يتم استخدام حدث TAP في Zepto.js.

يمكن أن يؤدي استخدام النقر فوق "حدث" التوقف عن التوقف لمنع الفقاعات ، ولكن اضغط على استخدام هذه الطريقة غير فعال

الآن أحتاج إلى تحقيق مثل هذا التأثير: انقر فوق الزر a.btn ثم عرض div.panel ، وإخفاء div.panel عندما أنقر على غير div.panel.

 $ ("a.btn"). on ("tap" ، function (e) { $ (document) .on ("tap" ، function (e) {$ ("div.panel"). Hide () ؛}) ؛

من خلال أداة التصحيح ، يمكننا الحصول على سمة مستهدفة في كائن E ، حتى نتمكن من تحقيق التأثير المطلوب من خلال هذه السمة:

 $ ("a.btn"). on ("tap" ، function () {$ ("div.panel"). show () ؛}) ؛ $ (document) .on ("tap" ، function (e) {if (! $ (

هذا حل

آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.