JQuery Fadein / Fadeout ТОЛЬКО в FF и Opera - PullRequest
0 голосов
/ 15 января 2011

Я загрузил свой сайт в другие браузеры, и эффект fadein / out меню, кажется, работает только в FF и опере. Он не работал в IE (7-9), Safari или Chrome. Для этих браузеров у него был эффект показать / скрыть вместо исчезновения. вот мой сайт .

JS:

var delay = 100;
var fade = 400;

$j(function(){
    var inner="";
    $j('#access-navi .sub > a').toggle(function(){
        inner=$j(this).parent().find('ul li');
        inner.each(function(i){
            $j(this).delay(i*delay).fadeIn(fade);
        });
    },function(){
        inner.fadeOut(fade/2);
    });
}); 

HTML:

<div id="access-navi" role="navigation">
   <ul>
    <li><a href="">Home</a></li>
    <li class="sub"><a href="#">Code</a>
     <ul>
      <li><a href="">Html.Css</a></li>
      <li><a href="">Java</a></li>
      <li><a href="">jQuery</a></li>
      <li><a href="">Php</a></li>
     </ul>
    </li>
   </ul>
   <div class="clear"></div>
  </div>

1 Ответ

0 голосов
/ 15 января 2011

Если вы не состоите в браке с jQuery версии 1.4.2, я рекомендую версию 1.4.4.Я загрузил исходный код вашей страницы, изменил версию jQuery на 1.4.4, размещенную в Google CDN, и постепенное увеличение и уменьшение работало локально при установке IE8.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js?ver=1.4.4'></script> 
...