javascript - 如何将 SmartyStreets LiveAddress 插件与动态加载的表单一起使用

Question

我正在尝试获取LiveAddress website plugin在 WordPress 网站上工作。该表单通过 JavaScript 动态加载。

插件加载时，表单似乎对插件不可见。

该插件在 JavaScript 控制台中显示以下消息:

注意:未找到选择器 #field_96764599 的匹配项。跳过...

我尝试使用的表单是由 Podio (podio.com) 生成的，但我使用 jotform.com 托管的表单进行了相同的尝试，但没有成功。如果我复制表单的 HTML 并将其粘贴到页面上，它就可以工作。当通过 javascript 加载表单时会出现此问题。

有人能看到我做错了什么吗？谢谢。

<!-- BEGIN Podio web form -->
<script src="https://podio.com/webforms/12651261/927644.js"></script>
<script type="text/javascript">
  _podioWebForm.render("927644")
</script>
<noscript>
  <a href="https://podio.com/webforms/12651261/927644" target="_blank">Please fill out the form</a>
</noscript>
  <div class="podio-webform-container">
  A webform by <a href="https://company.podio.com/collaboration-software" class="podio-webform-inner">Podio</a>
  </div>
<!-- END Podio web form -->
<script src="//d79i1fxsrar4t.cloudfront.net/jquery.liveaddress/2.8/jquery.liveaddress.min.js"></script>
<script type="text/javascript">
var ss = jQuery.LiveAddress({
    key: 'HERE IS WHERE I PUT MY KEY',
    waitForStreet: true, 
    debug: true,
    addresses: [{
        street: '#field_96764599'
    }]
});
</script>

Answer 1

我知道这有点晚了，但是你尝试过将 .ready() 与 jQuery 一起使用吗？

<script type="text/javascript">

    $( document ).ready(function() {

        var ss = jQuery.LiveAddress({
        key: 'HERE IS WHERE I PUT MY KEY',
        waitForStreet: true, 
        debug: true,
        addresses: [{
            street: '#field_96764599'
        }]

      })

    });