关于预加载InstantClick的问题解决方法

昨晚在改造的时候代码高亮没法执行，准确的说是只执行一次，第二次就不执行了。所以发文说明一下，而且大致看了InstantClick的文档，主要还是一个黑名单区域的问题。按我个人的理解，黑名单主要包含两种比较常见的过滤类型，一种是a标签，另一种是js。根据其原理实际上就是对黑名单区域不进行处理（按正常手动打开的情况加载刷新），这种不处理才能让相关的结构和js起作用。。

所以在InstantClick执行时，看它的引用语句：

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>

语句作用就过滤掉了InstantClick它本身，相当于在执行后正常刷新一遍自己。

正常加载刷新js

语句本身的data-no-instant参数意思就是不处理，并且正常刷新这部分结构。所以如果要其他js在InstantClick下起作用，必须将js本身刷新，可以把代码写入instantclick.min.js里面，也可以带上data-no-instant参数独立引用。如果不将自己的js写入instantclick.min.js内，就要利用它的四个参数来重新载入，参考：http://instantclick.io/scripts

<script data-no-instant>
InstantClick.on('change', function() {
// 回调
});
InstantClick.init();
</script>

a标签

InstantClick对新窗口打开的a标签是不处理的，还有在带有data-no-instant参数的标签包裹下的a标签也不会处理。如<div data-no-instant>这部分会按正常情况刷新</div>。

最后总结：data-no-instant属性是用来避免instantclick在页面切换时对该元素重复加载（意思就是按正常刷新）。它可以用在script、style标签中，也能放在a标签中，表示该链接将使用正常方式打开而不用instantclick加速，但对于div标签是没有用的，这一点必须知晓。

搞清楚上面两点就好办了，之前把它当成是ajax来理解，是整个body请求过来。也就是说把不处理的部分放在body标签之外也是可以的。

值得一提的是，我个人还是很中意它缓存后退前进的功能的，这样非常快。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# 预加载InstantClick  # InstantClick  # 预加载  # 提升页面加载速度的插件InstantClick  # 详解如何让InstantClick兼容MathJax、百度统计等  # 使用InstantClick.js让页面提前加载200ms  # 放在  # 这部  # 加载  # 自己的  # 的是  # 看了  # 就不  # 就好  # 也能  # 两种  # 把它  # 一遍  # 能让  # 掉了  # 它可以  # 一提  # 用在  # 办了  # 回调  # 中意 

相关文章： 如何快速搭建响应式可视化网站？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  如何快速打造个性化非模板自助建站？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  建站org新手必看：2024最新搭建流程与模板选择技巧  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  如何在IIS7上新建站点并设置安全权限？  如何在VPS电脑上快速搭建网站？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  学校建站服务器如何选型才能满足性能需求？  开心动漫网站制作软件下载,十分开心动画为何停播？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  移民网站制作流程,怎么看加拿大移民官网？  建站主机类型有哪些？如何正确选型  香港网站服务器数量如何影响SEO优化效果？  如何用搬瓦工VPS快速搭建个人网站？  ,网页ppt怎么弄成自己的ppt？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  nginx修改上传文件大小限制的方法  网站制作软件有哪些,制图软件有哪些？  如何设置并定期更换建站之星安全管理员密码？  如何通过宝塔面板实现本地网站访问？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  网站制作说明怎么写,简述网页设计的流程并说明原因？  建站之星安装路径如何正确选择及配置？  网站app免费制作软件,能免费看各大网站视频的手机app？  ,巨量百应是干嘛的？  如何选择网络建站服务器？高效建站必看指南  建站之星后台搭建步骤解析：模板选择与产品管理实操指南  c# 服务器GC和工作站GC的区别和设置  高端建站三要素：定制模板、企业官网与响应式设计优化  寿县云建站：智能SEO优化与多行业模板快速上线指南  已有域名如何快速搭建专属网站？  建站之星IIS配置教程：代码生成技巧与站点搭建指南  高防服务器租用如何选择配置与防御等级？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  建站之星官网登录失败？如何快速解决？  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  如何通过IIS搭建网站并配置访问权限？  如何在Windows虚拟主机上快速搭建网站？  建站之星如何实现网站加密操作？  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  如何通过cPanel快速搭建网站？  如何快速搭建个人网站并优化SEO？  如何在IIS管理器中快速创建并配置网站？  文字头像制作网站推荐软件,醒图能自动配文字吗？  兔展官网 在线制作,怎样制作微信请帖？