كيفية الحصول على آثار مسج يعمل على فايرفوكس وجوجل كروم؟

Question

وأنا بدس حولها مع مسج وfadeIn والاختفاء التدريجي الآثار. لدي التعليمات البرمجية التالية إلى عرض وإخفاء شعبة مع الرسالة.

و`

<script type="text/javascript">
    $(document).ready(function() {

        $("button").click(function() {
            $("#upd").fadeIn(3000);
            $("#upd").fadeOut(20000);
        });

    });
</script>

<style type="text/css">
    div
    {
        background: rgb(237, 243, 254);
        margin: 0px 0px 5px 0px;
        padding: 13px 30px 13px 30px;
        width: 300px;
    }
</style>

و`

ويعمل تماما على إنترنت إكسبلورر، لكنها لا تفعل أي شيء في الكروم وأحصل على عرض وإخفاء السلوك في فايرفوكس.

هل هناك خطوة خاصة لهذه المكتبة للعمل بالتساوي أو قريب على الأقل في جميع المتصفحات؟

Answer 1

الاختفاء التدريجي من رد من <لأ href = "HTTP: // مستندات .jquery.com / آثار / fadeIn # speedcallback "يختلط =" noreferrer "> fadeIn . وسوف يضمن هذا ركض تأثير الأخير بمجرد الانتهاء من أول، وليس خلال:

$(document).ready(function(){
  $("button").click(function(){
    $("#upd").fadeIn(3000,function(){
      $(this).fadeOut(2500);
    });
  });
});

ومسج <م> يجب العمل نفسها تقريبا في جميع المتصفحات في حد ذاته. إذا كنت الحصول على سلوك غريب، وكنت على الأرجح تفعل شيئا خطأ - لا مسج:)

Answer 2

واحدة، تأكد من أنك تستخدم أحدث مسج، وأن يتم تمكين جافا سكريبت في جميع المتصفحات.

وثانيا، محاولة تسلسل لfadeIn ويدعو fadeOut معا:

$("button").click(function() {
    $("#upd")
        .fadeIn(3000)
        .fadeOut(20000);
});

Answer 3

وهنا هو المشكلة: $ ( "الزر")

وليس هناك عنصر مثل زر، إذا كانت فئة ثم: $ ( '. زر')

... وإذا كان هو معرف ثم: $ ( '# زر')