展开和折叠菜单，而不将用户带到页面顶部

Expand and collapse menu, without taking user to top of the page

本文关键字：用户 顶部 折叠 菜单      更新时间：2023-09-26

我有一个图像按钮，我正在使用JavaScript来展开和折叠菜单（通过在具有display: none的类之间切换）。切换操作正常（请参阅下面的代码）。然而，每当我点击按钮时，它都会将用户带回页面的最顶部。我只想通过"点击"来展开和折叠菜单，并将用户保持在当前位置。我怎样才能做到这一点？

<script type="text/javascript">
    function changeClass()
    {
        $('div#mainmenu_wrap').toggleClass('hidemenu');
    }
</script>
<a href="#" onclick="changeClass()">
<img src="images/menu_icon2.png" width="33" height="33"  />
</a>

更改此行<a href="#" onclick="changeClass()">

到此：<a href="#" onclick="changeClass(e)">

并将changeClass()函数的结构更改为以下，并添加给定的行：

function changeClass(event){
    event.preventDefault();
    .
    .
    .
}

开始工作了。。。

去掉了href，改为使用按钮标记。奏效了。

<button onclick="changeClass()" class="menuIco">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/menu_icon2.png" width="33" height="33" />
</button>
相关文章：