2016-08-28 21 views
1

我在着陸頁上使用Formlets中的嵌入腳本。將多個按鈕添加到一個嵌入的代碼/腳本

它基本上是一個按鈕,觸發與'電子郵件地址'形式彈出。 Formlets腳本/代碼插入我的HTML代碼中:

<section class="description"> 
    <script type="text/javascript" src="http://www.formlets.com/public/assets/scripts/built/delivery/vendor/iframeResizer.min.js"></script> 
    <a class="button signup" target="_blank" onclick="FormletOpen(&#39;5793b578a9b445952b29bf5a&#39;);" id="5793b578a9b445952b29bf5a" href="http://www.formlets.com/forms/5793b578a9b445952b29bf5a?iframe=true" title="Sign Up for early access">SIGN UP</a> 
    <script type="text/javascript" src="http://www.formlets.com/public/assets/scripts/built/delivery/modal.js"></script> 
    <script type="text/javascript">Formlet("5793b578a9b445952b29bf5a")</script> 
</section> 

我想吃點什麼是多<a class="button signup"...>將觸發相同的動作:啓動同樣的模式。由於'id'重複,我知道多次複製並粘貼該代碼將無法正常工作,所以我該如何實現這一目標?

+0

不能使用註冊類作爲功能的觸發器?所以當按下注冊按鈕時,你的功能就會開始。 –

+0

這將是我的猜測,但我不知道如何創建該功能 – Pejs

+1

使用觸發該功能的onclick屬性相同,不要在重複按鈕上呈現id。另一種方法是讓副本在「主」按鈕上觸發點擊。 – yezzz

回答

0

我把Yezzz的建議,這就是解決方案,我所做的按鈕隱藏,並添加這些div來代替:

div class=" button signup" onClick="document.getElementById('5793b578a9b445952b29bf5a').click();" title="Sign Up for early access">SIGN ME UP</div>