如何在 DOM 中而不是在源代码中看到表单元素？

Question

我们在我们的一个 Drupal 安装中使用了 marketo 表单，我正在尝试在单击按钮时添加一个单击事件。但是当我查看源代码时，我看不到 from 元素。但是，我可以在 DOM 检查器上看到它。

这是我在视图源上看到的。

<form class="marketo-form-wrapper"
  data-formid="####"
  data-campaign="######"
  data-file="####"
 id="####">

检查元素截图附后。

无论我做什么，单击提交按钮时都无法调用单击函数。 我可以做到这一点

$('.marketo-form-wrapper').click(function (e)  {          
 console.log('clicked');});

我不希望在用户单击表单包装器时调用此函数。我希望在单击实际按钮时调用它。

如果我这样做，什么都不会出现。

$('.marketo-form-wrapper .mktoButtonRow:button').click(function (e) {
console.log('clicked');});

Answer 1

使用委托选择器。

$('.marketo-form-wrapper').on("click",".mktoButton",function(){
    console.log("clicked");
});

这将在 DOM 加载后添加的 .marketo-form-wrapper 类中的任何具有 .mktoButton 类的元素应用点击处理程序。您的问题是哪种情况。