الرسوم المتحركة عند النقر على زر الإرسال تعمل فقط في FF (وليس IE أو OP)

StackOverflow https://stackoverflow.com/questions/336845

  •  22-07-2019
  •  | 
  •  

سؤال

هل يعرف أحد لماذا الكود التالي له تأثير فقط في FF؟

$(document).ready(function() {
    $('#powerSearchSubmitButton').click(function() {
        startLoad();
    });
});

function startLoad() {
    $('.message').each(function(i) {
        $(this).animate({ opacity: 0 }, 500);           
    });
};
هل كانت مفيدة؟

المحلول

و*** **** تحديث

مثال هنا http://pastebin.me/4937b07714655 من 1 الخيار الذي هو للحفاظ على عدد من الرسائل وتشغيل رد الرسوم المتحركة فقط على الرسالة الأخيرة.


لماذا لا تعود كاذبة من نقرة أو event.preventDefault () وفي رد الرسوم المتحركة تقديم النموذج

$(document).ready(function() {
    $('#powerSearchSubmitButton').click(function(ev) {
        startLoad();
        ev.preventDefault();
    });
});

function startLoad() {
    var $messages=$('.message');
    var count=$messages.length -1;
    $messages.each(function(i) {
       $(this).animate({ opacity: 0 }, 500, i == count ? submitForm:null);           
    });
};

function submitForm(){
     $('#yourForm').submit();
}

نصائح أخرى

حاول إضافة "العودة خاطئة" ؛ إلى وظيفة النقر.لقد قمت بإعداد عرض توضيحي على موقعي ويعمل بشكل جيد في IE6 وأوبرا.

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