Question

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

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

我的Jquery代码： $（document）.ready（function（）{ $（ 'div.blocos'）隐藏（）。 $（ 'DIV＃divMenuBloco'）显示（）;

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

MENU div项目： ...

那部分很有用......所有菜单链接都隐藏和淡化内容...

所以我在内容div中添加了一个Link“Back”...

<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

我使用“显示”代替“淡入淡出”并在Chrome中运行良好！

使用谷歌浏览器的Jquery hide / FadeIn问题

1 个答案: