WP导航主题WebStack Pro魔改优化教程(七):继续完善本地网址功能,重复的网址不让保存。

技术文摘 3年前 (2020) xxGeek
83,702 0 0
自定义网址的功能,刚一不留神, 我添加了几个重复相同的自定义网址, 看作者的源码,在addsite方法并没有判断是否重复添加的网址, 这是一个bug, 所以, 我们来加上判断,修复这个bug。

 

效果:

随心所欲添加自定义网址,但是一旦重复就不保存。

 

修改方法:

第一步:

找到并打开app.js文件,在js目录下。

第二步:

找到addSiteList这个js方法。用我这个加了重复判断的替换掉原有的。

function addSiteList(site){
var sites = getItem();
//判断是否重复
for (var i = 0; i < sites.length; i++) {
if(sites[i].url==site.url)
{
showAlert(JSON.parse('{"status":4,"msg":"该网址已经存在了 --."}'));
return;
}
}

sites.unshift(site);
addSite(site);
setItem(sites);
}

 

保存, 可以愉快的添加网址不会重复了!

如何调试?

使用webkit内核浏览器, 按F12打开开发者工具,切换到application选项卡, 选择左侧菜单Application==>Clear storage==>点击Clear site data就能清空localStorage, 然后刷新,重新点赞试试效果。 

 

 

Webstack Pro 魔改起航!每日一篇修改教程, 记录修改点滴!

 

 

相关文章

暂无评论

暂无评论...