javascript - 使用 Google Chrome 的 Jquery 隐藏/淡入问题

Question

此代码在 IE8/7 和 Firefox 中运行良好...但在 Google Chrome 中我遇到了问题...

我的页面有一个菜单，当用户点击它时，隐藏div blocos并显示内容(使用菜单中设置的url参数)

我的 Jquery 代码: $(文档).ready(函数() { $('div.blocos').hide(); $('div#divMenuBloco').show();

    $('.clickable').click(function(){
        var _session = $(this).attr('url');             
        $('div.blocos').hide();
        $('div#' + _session).fadeIn('slow');
        return false;
    });
}

MENU div 项目: ...

该部分工作得很好...所有菜单链接都在内容中隐藏和淡出...

所以我在内容 div 中添加了一个“返回”链接...

<div class="clickable" id="divBack" style="float:right;margin-right:25px;cursor:pointer" url="divMenuBloco">Back</div>

当用户点击它时，“开始”内容会显示，但在之后隐藏...仅在 Google Chrome 中...IE8 和 Firefox 3.5 工作正常... 有什么想法吗？

编辑: html代码:

<div class="moldura">
    <div class="logo">
    </div>
    <div class="menu">
        <div class="navegacao-principal">
            <div class="clickable" url="div1">
                <img src="Arquivos/Imagens/Estrutura/iconeLocalizacao.png"" />
             </div>
            <div class="clickable" url="div2">
                <img src="Arquivos/Imagens/Estrutura/iconePadrinhos.png" />
            </div>
        </div>

 <div id="divMenuBloco" class="blocos">
    <strong>HOME</strong><br />
    <div class="bloco clickable" url="div3">
       <strong>LINK 3</strong><br /> 
    </div>        
</div>

     <div id="div1" class="blocos">               
         "TESTE 1" 
         <div class="clickable" id="divBack" style="float: right; margin-right: 25px; cursor: pointer" url="divMenuBloco"> Back</div>
....
     </div>                          
 </div>

Answer 1

我使用了“Show”instedOf“Fadein”并且在 Chrome 中工作得很好!