如何使用窗口。

Question

我在导航菜单中有两个不同的按钮，它们是指向主页上的标签切换器的锚点，该链接具有两个选项卡。单击时，我需要导航按钮才能更改活动选项卡。它应该是一个简单的代码，但我是JS中的新手。

我需要在页面加载后调用功能，这样，它也可以从其他页面起作用，而不仅仅是从主页上使用。

第一个函数本身可以正常工作。当单击其他页面上的按钮时，该功能也可以工作。它调用主页，然后更改页面加载后的活动选项卡：

add_action( 'wp_footer', function () { ?>
<script>

jQuery('#menu-item-15507 a').on('click', window.onload=function myfunction_1() {
    jQuery( '#one-to-one a' ).click();
    return true;
});

</script>
<?php } );

但是，当我添加第二个事件和功能时，这些选项卡不会在pageload上更改。它在同一页面（主页）上工作，但是从其他页面启动时不工作：

add_action( 'wp_footer', function () { ?>
<script>

jQuery('#menu-item-15507 a').on('click', window.onload=function myfunction_1() {
    jQuery( '#one-to-one a' ).click();
    return true;
});

jQuery('#menu-item-16848 a').on('click', window.onload=function myfunction_2() {
    jQuery( '#courses a' ).click();
    return true;
});

</script>
<?php } );

我应该如何更改代码以使两个功能也可以在页面加载上工作？

Answer 1

一个问题是 - 如果需要运行多个功能，请不要在 - 设置上调用- 使用addeventListener而不是。

但是，在单击“侦听器”中分配给.onload无论如何都没有任何意义 - 到用户可以单击时，窗口可能会加载。

在jQuery准备页面时运行某些内容的标准方法是使用主$函数的回调。

$(() => {
  const clickOne = () => $('#one-to-one a').click();
  clickOne();
  $('#menu-item-15507 a').on('click', clickOne);

  const clickCourses = () => $('#one-to-one a').click();
  clickCourses();
  $('#courses a').on('click', clickCourses);
});