Как я могу моргнуть с помощью jQuery?

Question

Я хочу, чтобы моргнуть текст меню. У меня есть этот код, но он не работает с IE.

(function($) 
{ 
    $.fn.blink = function(options) { 
     var defaults = { delay:500 }; 
     var options = $.extend(defaults, options); 

     return this.each(function() { 
      var obj = $(this); 
      setInterval(function() { 
       if($(obj).css("color") == "rgb(255, 0, 0)") 
       { 
        $(obj).css('color','#000000'); 
       } 
       else 
       { 
        $(obj).css('color','rgb(255, 0, 0)'); 
       } 
      }, options.delay); 
     }); 
    } 
}(jQuery)) 

$(document).ready(function(){$('.blink').blink()}) 

Может мне помочь? Спасибо!

Answer 1

Mini-Effects plug-ins должен быть проще здесь - очень мало и явно эффективен, если это все, что вам нужно из библиотеки UI Effects (кроме тех, других предметов первой необходимости, «пульсировать», «трясти», и "боб").

Простой в использовании - просто загрузите плагин мини-эффектов, который вам нужен, а затем просто вызовите blink() на элементе, который хотите мигать.

<script type="text/javascript" charset="utf-8" src="javascripts/jquery.blink.min.js"></script> 

Тогда просто вызовите мигание() на каком-то большой ярко окрашенном ресурсе:

$(".selector").blink(); 

Answer 2

Вы устанавливаете obj как $ (this), поэтому вы должны вызывать obj каждый раз вместо $ (obj).

Просто замените

obj = $(this); 

С только

obj = this; 

Но до сих пор думаю о людях с epileption, плохой видимости и т.д.

Answer 3

Вы проверили код с Firebug или встроенный В инструментах разработчика в Chrome? Я бы ожидать, что вам нужно изменить

}(jQuery)) 

в

})(jQuery) 

(переместить скобки вокруг ...)

Answer 4

В Проводнике:

if($(obj).css("color") == "rgb(255, 0, 0)") 

это не так, потому что IE видит это:

$(obj).css("color") == "rgb(255,0,0)"; 

Без пробелов между цифрами.

Вы можете это исправить, изменив:

$(obj).css('color','rgb(255, 0, 0)'); 

$(obj).css('color','rgb(255,0,0)'); 

и

if($(obj).css("color") == "rgb(255, 0, 0)") 

в

if($(obj).css("color") == "rgb(255,0,0)") 

так:

(function($) 
{ 
    $.fn.blink = function(options) { 
     var defaults = { delay:500 }; 
     var options = $.extend(defaults, options); 

     return this.each(function() { 
      var obj = $(this); 
      setInterval(function() { 
       if($(obj).css("color") == "rgb(255,0,0)") 
       { 
        $(obj).css('color','#000000'); 
       } 
       else 
       { 
        $(obj).css('color','rgb(255,0,0)'); 
       } 
      }, options.delay); 
     }); 
    } 
}(jQuery)) 
$(document).ready(function(){$('.blink').blink()}) 

Редакция:

  (function($) 
{ 
    $.fn.blink = function(options) { 
     var defaults = { delay:500 }; 
     var options = $.extend(defaults, options); 

     return this.each(function() { 
      var obj = $(this); 
      var state = false; 
      setInterval(function() { 
       if(state) 
       { 
        $(obj).css('color','#000000'); 
        state = false; 
       } 
       else 
       { 
        $(obj).css('color','rgb(255,0,0)'); 
        state = true; 
       } 
      }, options.delay); 
     }); 
    } 
}(jQuery))