前言
看到很多wordpress主题都自带sweetalert弹框,但是begin主题不自带,久伴就弄了一个弹框,支持所有wordpress主题
特性
久伴写的sweetalert弹框是写入cookie的,为什么这么做了,因为同一个用户访问网站每次都弹框,用户很反感这种站点,所以写入cookie方式制作这个弹框
用户第一次打开会弹出,此cookie会保存7天,在7天内用户打开网站不会在弹,除非用户清空了浏览器cookie,当然大家可以自己设定cookie存在时间
效果图
整合到wordpress教程
将以下代码添加到你当前主题文件head.php文件head标签中间
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://jiubx.com/wp-content/themes/begin/js/jquery.cookie.js"></script>
<script src="https://jiubx.com/wp-content/themes/begin/js/sweetalert.min.js"></script>
将以下代码添加到你当前主题文件footer.php文件body标签后面
<script>
$(function(){
console.log($.cookie('the_cookie'));
if($.cookie('the_cookie')=='the_value'){
$('.swal-overlay').attr("class",'jiub');
}
})
swal({
title:"官方公告",
text:"资源失效怎么办,加入久伴博客QQ交流群,即可获取失效资源下载地址",
button:"我已阅读"
}).then(function(isConfirm){
$(function(){
$.cookie('the_cookie', 'the_value', { expires: 7 });
console.log($.cookie('the_cookie'));
})
})
</script>
转载申明 https://jiubx.com/5399.html
声明:
芒果源码,一个精品商业网站源码分享平台 WWW.OKMG.CN
请务必线上支付,通过线下支付的出现任何问题平台均不担保! 1. 本站所有资源来源于用户上传和网络,均不允许转载,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 如发现会员恶意下载,传播,或用于违法用途,本站有权封禁账号,并积极配合有关部门调查
4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
5. 本站提供的源码、模板、插件等等其他资源(除商业源码分类),都不包含技术服务请大家谅解!
6. 如有链接无法下载、失效或广告,请联系管理员处理!
7. 本站资源售价和会员费只是赞助,收取费用仅维持本站的日常运营所需!
8. 如遇到加密压缩包,默认解压密码为"www.okmg.cn",如遇到无法解压的请联系管理员!
9.本站客服QQ:29139260
10.如您发现本站分享的源码,侵犯了您的权益,请联系:29139260#qq.com #换成@
芒果源码,一个精品商业网站源码分享平台 WWW.OKMG.CN
请务必线上支付,通过线下支付的出现任何问题平台均不担保! 1. 本站所有资源来源于用户上传和网络,均不允许转载,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 如发现会员恶意下载,传播,或用于违法用途,本站有权封禁账号,并积极配合有关部门调查
4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
5. 本站提供的源码、模板、插件等等其他资源(除商业源码分类),都不包含技术服务请大家谅解!
6. 如有链接无法下载、失效或广告,请联系管理员处理!
7. 本站资源售价和会员费只是赞助,收取费用仅维持本站的日常运营所需!
8. 如遇到加密压缩包,默认解压密码为"www.okmg.cn",如遇到无法解压的请联系管理员!
9.本站客服QQ:29139260
10.如您发现本站分享的源码,侵犯了您的权益,请联系:29139260#qq.com #换成@
SEO基本功:认真填写网页标题(Title)及网页描述(MetaDescription)
上一篇
2020-07-13
水墨风的健康养生网站静态模板
2020-07-13
下一篇
请务必线上支付,通过线下支付的出现任何问题平台均不担保!