javascript - 从其他按钮点击触发按钮

Question

我正在尝试从另一个按钮触发按钮单击以在我的 squarespace 网站中使用。

我将以下内容添加到标题中:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        offerteHeader = $( "a.theme-btn--primary-inverse:contains('Offerte aanvragen')" );
        offerteForm = $("button:contains('Offerte aanvragen')");
        offerteHeader.removeAttr("href");
        offerteHeader.on( "click", function() {offerteForm.click()});
    });
</script>

当我单击 OfferteHeader 按钮时，没有任何反应:(。

当我登录到控制台时，OfferteHeader 和 OfferteForm 似乎引用得很好。

还从 chrome 开发控制台触发 OfferteForm.click() 似乎工作正常并触发事件。

我还检查了监听器是否正在使用控制台日志以及它是否可以引用 OfferteForm。

这里有什么问题吗？该网站可以在 https://sturgeon-groundhog-cnzt.squarespace.com/ 上找到。密码是服务生。抱歉，这是一个 squarespace 网站，无法更改。

Answer 1

考虑以下因素。

$(document).ready(function() {
  var offerteHeader = $("a.theme-btn--primary-inverse:contains('Offerte aanvragen')");
  var offerteForm = $("button:contains('Offerte aanvragen')");
  offerteHeader.click(function(e) {
    e.preventDefault();
    offerteForm.trigger("click");
  });
});

查看更多:https://api.jquery.com/trigger/