Question

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

<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>

Answer 1

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

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

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

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

Answer 2

搞定了......

摆脱了href，改为使用了按钮标签。那很有效。

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

展开和折叠菜单，无需将用户置于页面顶部

2 个答案: