首先用Elementor的popups制作好提示框内容,我们只要求在首页显示该框,而不是每个页面都显示,所以设定好显示条件,除此之外,所有的显示条件都不设置,全部关闭。
1、放置两个按钮,分别是接受和拒绝,点击两个按钮都可以把提示框关掉。
2、验证cookie,如果有cookie,就不显示提示框了
代码如下:
<script src="https://www.tpketang.com/static/index/js/jquery-3.4.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
<script>
$('#my-popup').click(function(){
$("#elementor-popup-modal-6837").css('display','none')
})
$('#my-popup2').click(function(){
$("#elementor-popup-modal-6837").css('display','none')
})
document.addEventListener('DOMContentLoaded', function() {
var isPopupShown = Cookies.get('is_popup_shown');
alert(isPopupShown)
if (isPopupShown.length==0) {
// 弹出窗口还没有被显示过,显示它
// 你可以在这里调用显示弹出窗口的函数或直接操作DOM
// 例如:document.getElementById('your-popup-id').style.display = 'block';
$("#elementor-popup-modal-6837").css('display','block')
// 设置一个cookie,表明弹出窗口已显示
Cookies.set('is_popup_shown', '1', { expires: 7 }); // 设置cookie过期时间为7天
}
});
</script>