الرسوم المتحركة لعتامة jQuery تشوه تحديد المواقع في Internet Explorer
-
07-07-2019 - |
سؤال
أحاول تنفيذ تأثير يشبه النقر على قائمة علامات التبويب الأفقية باستخدام خاصية العتامة ووظيفة الرسوم المتحركة jQuery.إليك الكود للقيام بذلك:
$(document).ready(function() {
$("div#header > ul > li").click(function(event) {
$(this).animate({opacity: 0.7} ,"fast", "", function() {
$(this).animate({opacity: 1} ,"fast");
});
});
});
مشكلتي تحدث في Internet Explorer 7 و 6.عند التحريك باستخدام خصائص العتامة، تفقد علامات التبويب الموجودة في القائمة الأفقية مواضعها الأولية.
انقر هنا لزيارة موقع الويب الخاص بي.لرؤية المشكلة، انقر فوق "Contato" ثم انقر مرة أخرى في "Início" (عذرًا، إنها مكتوبة باللغة البرتغالية، ولكن من المفترض أن تكون قادرًا على رؤية الخطأ يحدث).انتبه، حتى الآن اكتشفت هذه المشكلة فقط في IE7/IE6!
شكرا لكم مقدما!
المحلول
أعتقد أنه كان مجرد خطأ يتعلق بالعتامة وInternet Explorer، نظرًا لأن IE لا يدعم العتامة.من وثائق مسج ل jQuery.support.opacity يصف:
العتامة:يساوي صواب إذا كان المتصفح يمكن تفسير التعتيم بشكل صحيح خاصية النمط (خاطئة حاليا في IE ، يستخدم مرشحات ألفا بدلا من ذلك).
لتجنب الخطأ مع استمرار التأثير على المتصفحات المتوافقة، قمت بتغليف رمز الرسوم المتحركة ضمن الشرط التالي:
if ($.support.opacity) {
//animation code
}