Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何不向Klaviyo订户显示JQuery模式?_Javascript_Html_Jquery_Css - Fatal编程技术网

Javascript 如何不向Klaviyo订户显示JQuery模式?

Javascript 如何不向Klaviyo订户显示JQuery模式?,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我有一个JQuery模式弹出窗口,它工作得非常好,但我们需要为它添加额外的功能。我们需要它不显示已经克拉维约订户 这是弹出窗口的代码 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> <!-- jQuery Modal --> <script src="https://cdnjs.cloudfl

我有一个JQuery模式弹出窗口,它工作得非常好,但我们需要为它添加额外的功能。我们需要它不显示已经克拉维约订户

这是弹出窗口的代码

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

<!-- jQuery Modal -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<script src="https://insideoutcreative.io/wp-content/themes/io-theme/css/jquery.cookie.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
<style>
div#ex1 {
height: 415px;
    max-width: 650px !important;
}
a.close-modal {
    display: none !important;
}
/*for background image*/
img.bg-img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 0;
    height: 100%;
}
.close-btn {
    background: #da0000;
}
/*.img-txt {*/
/*    padding-top: 110px;*/
/*}*/
/*overrides klaviyo form*/
.kgtZbf.kgtZbf {
    align-items: center;
}
@media screen and (max-width:450px){
    .kgtZbf.kgtZbf {
    display: block;
}
.modal .gMGRIY.gMGRIY {
    justify-content: center;
    padding-bottom: 20px;
}
.img-txt {
    width: 100%;
}
}
</style>
<script type="text/javascript">
 $(document).ready(function() {
      if (window.location.pathname == '/testing-closing-of-popup') {
    if ($.cookie('modal_shown') == null) {
        $.cookie('modal_shown', 'yes', { expires: 30, path: '/' });
        $(function(){
            setTimeout(function(){   
    $('#modalButton').trigger('click');
            }, 15000);
});
    }
};


});
</script>
<!-- Modal HTML embedded directly into document -->
<div id="ex1" class="modal text-center position-relative">
    <img src="https://kryptek.com/asset/5f7f6f5f102c7" width="100%" class="bg-img" />
<img src="https://kryptek.com/asset/5f7f6d2b25139" width="80%" class="img-txt position-relative float-left" style="padding-top:20px;" />
  <img src="https://kryptek.com/asset/5f7f5b678fb56" width="250px" height="auto" class="position-relative" />
  <div class="klaviyo-form-SXGhkE"></div>
  <a href="#" rel="modal:close" class="position-relative close-btn text-white pl-4 pr-4 pt-1 pb-1">No Thank You, Close Popup</a>
</div>
<!-- Link to open the modal -->
<p style="position:fixed;z-index:-1;"><a id="modalButton" href="#ex1" rel="modal:open">Open Modal</a></p>

分区ex1{
高度:415px;
最大宽度:650px!重要;
}
a、 闭合模态{
显示:无!重要;
}
/*用于背景图像*/
img.bg-img{
位置:绝对位置;
排名:0;
左:0;
对象匹配:覆盖;
z指数:0;
身高:100%;
}
.关闭btn{
背景:#da0000;
}
/*.img txt{*/
/*填充顶部:110px*/
/*}*/
/*克拉维约式*/
.kgtZbf.kgtZbf{
对齐项目:居中;
}
@媒体屏幕和屏幕(最大宽度:450px){
.kgtZbf.kgtZbf{
显示:块;
}
.modal.gmgry.gmgry{
证明内容:中心;
垫底:20px;
}
.img txt{
宽度:100%;
}
}
$(文档).ready(函数(){
if(window.location.pathname=='/测试关闭弹出窗口'){
如果($.cookie('modal_显示')==null){
$.cookie('显示了模态_','是',{expires:30,path:'/'});
$(函数(){
setTimeout(函数(){
$('modalButton')。触发器('click');
}, 15000);
});
}
};
});

如前所述,弹出窗口工作正常,但我不确定如何添加额外的功能,只向“新”用户而不是Klaviyo订户显示它。您可以在此处查看弹出窗口的示例:

我试着和他们聊天,他们只是给我发了一些关于API集成的文章,我不太了解

JavaScript API入门: 服务器端API概述:


非常感谢您的帮助,如果您有任何问题,请告诉我。

我打开了您的示例,仅第一次显示了Modal。是吗?@Pakawat Smutkyn,是的,这是正确的,如果你在代码中看到,有一个使用JavaScript的cookie函数,在有人关闭模式后,每30天只显示一次模式。这是一个完美的工作方式,我对此毫无疑问。我需要的帮助是使它只显示给非Klaviyo订户。您可以通过ajax检查谁是Klaviyo订户或不是您的服务,然后使用close modal以相同的方式设置cookie,这应该可以解决您的问题。