页面加载时如何自动单击链接？

Question

我需要有关jquery的帮助...

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

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

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

如何使该字段保持打开状态？

谢谢！

Answer 1

经过一番摆弄之后，我们发现了一种默认情况下在结帐页面上显示条款和条件的方法。

我们不能仅显示div或触发单击，因为在Ajax请求之后，术语的wrapper元素将被覆盖，因此它将删除我们在此之前尝试做的所有事情。

但是我们可以通过在页面上添加display: block标签来强制<style>。这不会被覆盖，通过使用!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);
});