如何指定要为菜单打开的切换按钮

How do I specify my toggle button to open for my menu?

本文关键字：按钮 何指定 菜单      更新时间：2023-09-26

当您单击切换按钮（http://international-aset.com/intaset/）时，我正在尝试打开我的移动导航;但是由于某种原因，当您单击按钮本身时它不起作用，但当您单击按钮的"周围"区域时，它起作用。

编辑：我正在尝试做的是通过单击切换按钮打开我的导航，然后启用切换动画。现在，切换按钮有效，但单击按钮时我的导航无法打开。我的导航唯一打开的时间是当我单击切换按钮周围的区域（空白区域）时。

我希望这更有意义，如果没有，请告诉我，我会尽力说得更清楚。

以下是 HTML 代码：

<label for="toggle">
  <div class="menu-icon-container">
    <a href="#" class="menu-toggle" id="menu-toggle"><span></span></a>
  </div>
</label>

这是JS：

<script type="text/javascript">
  $( document ).ready( function( $ ) {
    $('.menu-icon-container').on('click', function(event) {
      document.getElementById('menu-toggle').addEventListener('click', function() {
        this.classList.toggle('menu-toggle-active');
      });
    });
  });
</script>

感谢您的帮助！

你可能只想要这个：

$('#menu-toggle').click(function() {
    $(this).toggleClass('menu-toggle-active');
});

只有当您的元素在页面加载时不存在时，您才真正需要on()。如果您确实需要它，请执行以下操作：

$(document).on('click', '#menu-toggle', function() { ... });

尝试在点击事件后添加#menu-target：

$('.menu-icon-container').on('click', function(event) {
    $("#menu-toggle").classList.toggle('menu-toggle-active');
});
相关文章：