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/上找到，密码是 bellboy。抱歉，这是一个 squarespace 网站，无法更改。

标签： javascriptjquerysquarespace

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/