javascript - Jquery 隐藏/显示奇怪的故障

Question

使用 jsfiddle 会更容易，但上帝是我的见证，jsfiddle 出了点问题，我的 js 都没有工作，但它们在我的本地主机上工作，是的。

所以让我解释一下 我有一个名为 topBar 的 div。 它隐藏在 dom 加载中。我有一个名为 toggle_bar 的 div 单击 toggle_bar 时，jquery 隐藏 toggle_bar 并显示 topBar

但我遇到的问题是，在我单击 toggle_bar 后，显示了 topBar，但我稍微移动了鼠标，然后 BAM!顶栏不见了。 我不知道为什么会这样

这是我的代码 查询

$("#topBar").hide();

$("#toggle_bar").live("click",function (){
   $("#toggle_bar").hide();
   $("#topBar").show();
});

HTML

    <div class='toggle_bar'>
        <a href='' id="toggle_bar" class="toggle_bar_class"></a>
    </div>
<div id="topBar" class="topBar" >
    <div class="bar_frame">
        <div class="plogo">
           Page logo bla bla bla
        </div>
        <div class="controls">
          Notifications bla bla bla
        </div>
        <div class="nav_bar_frame">
        <div class="float_left_bar"> 
        </div>
        <div class="float_right_bar">
        </div>
</div>
    </div>
</div>

PS:对于 toggle_bar:a ，我使用 css 将图像设置为 href。 :D

Answer 1

toggle_bar 上的 href 应该有 # 或者您应该在 click 处理程序中停止事件。