مسج تسليط الضوء يتلاشى - مشكلة مهلة

Question

ولدي مجموعتين من boxex على صفحة. 10 صناديق تابعة لفئة "boxOne" و10 آخرين ينتمون إلى الفئة 'boxTwo "
هناك زر. على النقر على زر أستخدمه تأثير مسج لتسليط الضوء ثم تتلاشى لون الخلفية من كل عنصر ينتمي إلى فئة "Boxone" و "Boxtwo".

وفيما يلي التعليمات البرمجية.

var colorOfBox1 = "'" + $(.boxOne).css('backgroundColor') + "'";  
$(.boxOne).animate(
    { 'backgroundColor': "#FF9900" }, 
    { 'queue': false, 'duration': 1000 });

setTimeout( function(){  
        $(.boxOne).animate(
          { 'backgroundColor': colorOfBox1}, 
        {'queue': false, 'duration': 2000} 
      );
}, 2000);

var colorOfBox2 = "'" + $(".boxTwo).css("backgroundColor") + "'";  
$('.boxTwo').animate({ 'backgroundColor': "#FF9900" }, {'queue': false, 'duration': 1000});  
  setTimeout(
    function(){
        $('.boxTwo).animate(  
            { 'backgroundColor': colorOfBox2 }, 
                {'queue': false, 'duration': 2000} 
          );
}, 2000);

ويتم تسليط الضوء جميع مربعات مع اللون المحدد على النقر على زر .. والمشكلة الآن هي أن عددا قليلا في بعض الأحيان للخروج من هذه الصناديق لا تتلاشى. لا تزال خلفيتها المميزة. يحدث هذا في بعض الأحيان مع عدم وجود اتساق. اريد سلوك متناسقة.

وأرى أن وظيفة setTimeOut () لا يطبق بشكل موحد على جميع عناصر تنتمي لتلك الفئة ... وapllied إلا لعدد قليل من elments ..
ما خطأ أنا من صنع؟

Answer 1

والآن أنا باستخدام هذا البرنامج المساعد وأنها مجرد يعمل بشكل جيد.

http://jquery.offput.ca/highlightFade/old.php

Answer 2

وربما تحقق جملة من شفرة جافا سكريبت أولا. تركيب يتعارض يسبب نتائج غير متناسقة على مختلف المتصفحات.

Answer 3

ويبدو أنك في عداد المفقودين بضعة علامات الاقتباس حول .boxOne و.boxTwo في بعض الأماكن. ليس متأكدا مما اذا كان ذلك خطأ التنسيق أو مقصودا. يمكن causeing القضايا مع بعض المتصفحات.