javascript - 将触摸菜单的 onclick 更改为 onload

Question

我是整个 jQuery 游戏的新手，但我发现了一个很棒的片段，这正是我所需要的，但我需要后半部分在页面加载时发生，而不是在单击按钮时发生。

如何进行页面加载？

$(document).ready(function() {
  var touch = $('#touch-menu');
  var menu = $('.menu');

  $(touch).on('click', function(e) {
    e.preventDefault();
    menu.slideToggle();
  });

  $(window).resize(function() {
    var w = $(window).width();
    if (w > 769 && menu.is(':hidden')) {
      menu.removeAttr('style');
    }
  });
});

Answer 1

我不太清楚你所说的“后半部分”是什么意思。我假设你指的是这篇文章:

$(touch).on('click', function(e) {
  e.preventDefault();
  menu.slideToggle();
});

要执行您想要的操作，只需将 menu.slideToggle(); 移出点击处理程序即可。事实上，您应该完全删除点击处理程序并将 menu.slideToggle(); 放置在菜单声明下方。