可点击的Javascript,而不是自动弹出 [英] Javascript Clickable instead of Automatically Pop Up
本文介绍了可点击的Javascript,而不是自动弹出的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是我的图片代码
<li><a href="#"><i class="icon-envelope icon-2x"></i></a></li>
这是我从"Klaviyo"弹出的javascript代码
And here is my pop up javascript codes from "Klaviyo"
<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>
我不确定我的错误在哪里.谢谢,
I'm not sure where is my error. Thanks,
推荐答案
修复
(document).ready(function(){
至$(document).ready(function(){
和
$('icon-envelope icon-2x').on('click',function(){
至$('.icon-envelope').on('click',function(){
这篇关于可点击的Javascript,而不是自动弹出的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文