如何使用动态加载表单的SmartyStreets LiveAddress插件

Question

我正试图让LiveAddress网站插件在一个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

我知道这有点晚了，但是您尝试过在jQuery中使用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'
        }]

      })

    });

​