Javascript可点击而不是自动弹出

Javascript Clickable instead of Automatically Pop Up

本文关键字：Javascript      更新时间：2023-09-26

标题 ##Good 天！我对此javascript代码有问题。此代码仅适用于 Pop。我在想，如何将其转换为可点击的图像。

这是我的图像的代码

<li><a href="#"><i class="icon-envelope icon-2x"></i></a></li>

这是我从"Klaviyo"弹出的javascript代码 

<script type="text/javascript" src="//www.klaviyo.com/media/js/public/klaviyo_subscribe.js"></script>
    <script type="text/javascript">
    (document).ready(function(){
    $('icon-envelope icon-2x').on('click',function(){
 KlaviyoSubscribe.attachModalSignUp({
        list: 'g9cZtX',
        delay_seconds: 0.5,
        content: {
            clazz: ' klaviyo_modal_g9cZtX',
            header: "Interested in our Newsletter?",
            subheader: "Stay in the know with news and promotions.",
            button: "Subscribe",
            success: "Thanks! Check your email for a confirmation.",
            styles: '.klaviyo_modal.klaviyo_modal_g9cZtX {  font-family: "Helvetica Neue", Arial}.klaviyo_modal.klaviyo_modal_g9cZtX .klaviyo_header {  color:#222;}.klaviyo_modal.klaviyo_modal_g9cZtX .klaviyo_subheader {  color:#222;}.klaviyo_modal.klaviyo_modal_g9cZtX .klaviyo_submit_button,.klaviyo_modal.klaviyo_modal_g9cZtX .klaviyo_submit_button span {  background-color:#07234F;  background-image: none;   border-radius: 2px;}.klaviyo_modal.klaviyo_modal_g9cZtX .klaviyo_submit_button:hover,.klaviyo_modal.klaviyo_modal_g9cZtX .klaviyo_submit_button span:hover {  background-color:#2A4D85;  background-image: none; }.klaviyo_modal.klaviyo_modal_g9cZtX .klaviyo_inner,.klaviyo_modal.klaviyo_modal_g9cZtX .klaviyo_fieldset .klaviyo_field_group input[type=text],.klaviyo_modal.klaviyo_modal_g9cZtX .klaviyo_fieldset .klaviyo_field_group input[type=email] {  border-radius: 2px;}'
        }
    });
});
});
    </script>

我不确定我的错误在哪里。谢谢

修复

(document).ready(function(){到$(document).ready(function(){

和

$('icon-envelope icon-2x').on('click',function(){到$('.icon-envelope').on('click',function(){

相关文章：