سؤال

أواجه مشكلة مع gtetting fadeIn و fadeOut تأثير مسج للعمل بشكل صحيح في IE (6+7+8).البرنامج النصي يعمل بشكل جيد في FF و سفاري (يتلاشى بشكل جيد) ولكن في أي أنه مجرد إظهار/إخفاء - لا يتلاشى تأثير على الإطلاق.

أي أفكار ؟

$(".myclass ul li:eq(" + $(this).attr("href") + ")").fadeIn(5000); 

السمة href أن يصبح هو ببساطة عقد قيمة رقمية تمثل الموقف في ul li طول.

هل كانت مفيدة؟

المحلول

كان عندي نفس المشكلة و تستخدم التعليمة البرمجية أدناه (من الرابط أرسلت بواسطة Q8-المبرمج أعلاه).أنه يعمل بشكل جيد ولكن كان لا يزال بعض القضايا.لاحظت أن استخدام fadeTo على حاوية عنصر الأطفال مع النسبية أو المطلقة المواقع لم تنجح في IE8.الأصل أن تتلاشى ولكن جميع الأطفال من عناصر إيجابية أو المواقع النسبية سيبقى في الرأي.الطريقة الوحيدة للتغلب على أنه كان حدد حاوية عنصر وكل ذلك الأطفال باستخدام مسج ومن ثم تطبيق fadeTo كل منهم.

jQuery.fn.fadeIn = function(speed, callback) { 
    return this.animate({opacity: 'show'}, speed, function() { 
        if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 

jQuery.fn.fadeOut = function(speed, callback) { 
    return this.animate({opacity: 'hide'}, speed, function() { 
        if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 

jQuery.fn.fadeTo = function(speed,to,callback) { 
    return this.animate({opacity: to}, speed, function() { 
        if (to == 1 && jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 

نصائح أخرى

جرب هذا الحل.

بالنسبة لي, باستخدام fadeIn() عملت غرامة ، <div> سوف تتلاشى بشكل جيد في IE9 ، ثم (مرة واحدة يتلاشى اكتمل) فإنه disapper مرة أخرى.آه.

الإصلاح كان لإضافة filter قيمة المغلق هو موضح هنا:

$("#fadeMeIn").fadeIn("slow");
$("#fadeMeIn").css('filter', 'none');

جرب هذا:

$(".myclass ul li:eq(" + $(this).attr("href") + ")").hide().fadeIn(5000);

كان لي مشكلة مشابهة مع برنامج نصي في IE8.بعد تعيين z-index اختفت المشكلة.لقد وجدت الحل أدناه.

http://www.kevinleary.net/jquery-fadein-fadeout-problems-in-internet-explorer/

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top