如何在页面加载时自动单击链接？ [关闭]答案

【问题标题】：How do i automatically click the link while page loading? [closed]如何在页面加载时自动单击链接？ [关闭]
【发布时间】：2020-10-18 08:11:25
【问题描述】：

我需要一些关于 jquery 的帮助...

我正在使用 woocommerce，我必须使合同文本可见，但我的主题仅在我单击合同链接时才可见，并且我希望在页面加载时自动单击此链接。

点击合约链接前 https://prnt.sc/t7owcb

点击合约链接后 https://prnt.sc/t7ox49

我怎样才能让这个字段保持打开状态？

谢谢！

【问题讨论】：

$('.woocommerce-terms-and-conditions-link').click(); 应该这样做
我将您的代码添加到我的主题的自定义 js 中，但不幸的是没有工作：/
@blex (Uncaught TypeError: $ is not a function)
那么在你执行函数之前没有加载jquery或者你在函数之前已经破坏了代码，因为他提供的是有效的jQuery语法。
与其考虑单击按钮以显示合约链接的步骤，为什么不完全跳过该步骤并找到由该链接触发的功能并在 DOM 加载时简单地执行此操作？

标签： javascript jquery css wordpress woocommerce

【解决方案1】：

经过一番折腾，我们找到了一种在结帐页面上默认显示条款和条件的方法。

我们不能只显示 div 或触发点击，因为条款的包装元素在 Ajax 请求之后被覆盖，所以它会删除我们在此之前尝试做的任何事情。

但我们可以通过在页面上添加<style> 标记来强制display: block。这不会被覆盖，通过使用!important，我们确保它在 CSS 中获得更高的优先级：

// When the DOM is ready
addEventListener('DOMContentLoaded', function() {
  // Create a style tag
  var s = document.createElement('style');
  s.innerText = '.woocommerce-terms-and-conditions-wrapper{display: block!important;}';
  // Append it to the body
  document.body.appendChild(s);
});

【讨论】：