如何使用SmartyStreets LiveAddress插件與動態加載的形式

我想讓LiveAddress website plugin在Wordpress網站上工作。表單通過JavaScript動態加載。如何使用SmartyStreets LiveAddress插件與動態加載的形式

似乎在插件加載時窗體對插件不可見。

該插件顯示在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>

來源

2015-10-06 Pedro

歡迎計算器:) @pedro你有沒有解決了這個問題 – www139

？ –

我知道這有點晚，但你有沒有嘗試過使用.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' 
     }] 

     }) 

    });

來源

2015-12-08 20:28:43 mevy

這可能是最好的答案。另外，你可以看看這個例子http://jsfiddle.net/pitcrew/v1vzb4eg/，它也適用於這種情況。您必須確保插件已被實例化或重新激活，或者在將表單添加到頁面後重新映射 – camiblanch

如何使用SmartyStreets LiveAddress插件與動態加載的形式

回答

相關問題