未在正確位置加載HTML的嵌入腳本

我們正在我們的網站上嵌入第三方表單（HubSpot表單），有時表單的HTML不在正確的位置。它應該在腳本之後。未在正確位置加載HTML的嵌入腳本

<script>hbspt.forms.create({ 
css: '', 
portalId: '1552633', 
formId: '6c551c1f-f5a6-453d-93d3-4169c8f563c0'}); 
</script>

和形式的HTML應該是腳本

<div class="hbspt-form" id="hbspt-form-1479681169480">

但有時，HTML表單出現在頁面的頁腳下方之後。該劇本是在正確的地方。只是它生成的html不是。

任何想法可能導致此？

來源

2016-11-20 Stanley Tan

顯示你所有的頁面代碼，HTML和CSS， – mlegg

什麼hbspt形態上正在應用的樣式有可能是因爲這導致問題 – Ardenexal

我發現了一個更具體的解決這個問題。

對於任何HubSpot的用戶，我做了什麼來解決這個問題，加入一類的地方，我包裹中的代碼，然後在嵌入代碼的股利，我加

target: '.class'

這可確保形成該類別中的負載而不是其他地方並且解決了該問題。

來源

2016-11-21 01:24:18

我面臨同樣的問題，並添加'target：'.class''修復它。謝謝。 – RohanDaxini

裹在一個容器中，整個事情是這樣的：

<div class='external-form-loader' style='margin-left: auto: margin-right: auto; width:500px'> 
    <script> 
     hbspt.forms.create({ 
     css: '', 
     portalId: '1552633', 
     formId: '6c551c1f-f5a6-453d-93d3-4169c8f563c0' 
    }); 
    </script> 
    <div class="hbspt-form" id="hbspt-form-1479681169480"></div> 
</div>

風格，只要你喜歡的股利。

如果問題仍然存在，你可以輕鬆地用CSS處理。乾杯..

來源

2016-11-21 02:03:53 Popsyjunior

我有同類問題。最後，我通過添加目標類和實例Id來獲得解決方案。

對於前：

<div class="hubspot-form"> 
<!--[if lte IE 8]> 
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script> 
<![endif]--> 
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> 
<script> 
    hbspt.forms.create({ 
     css: '', 
     portalId: '1552633', 
     formId: '6c551c1f-f5a6-453d-93d3-4169c8f563c0', 
     taget: '.hubspot-form', 
     formInstanceId: '1' 
    }); 
</script>

來源

2016-12-13 05:53:25 Jagadeesh

未在正確位置加載HTML的嵌入腳本

回答

相關問題