這篇文章主要介紹如何解決預(yù)加載InstantClick的問題，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

唐山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

在改造的時(shí)候代碼高亮沒法執(zhí)行，準(zhǔn)確的說是只執(zhí)行一次，第二次就不執(zhí)行了。所以發(fā)文說明一下，而且大致看了InstantClick的文檔，主要還是一個(gè)黑名單區(qū)域的問題。按我個(gè)人的理解，黑名單主要包含兩種比較常見的過濾類型，一種是a標(biāo)簽，另一種是js。根據(jù)其原理實(shí)際上就是對(duì)黑名單區(qū)域不進(jìn)行處理（按正常手動(dòng)打開的情況加載刷新），這種不處理才能讓相關(guān)的結(jié)構(gòu)和js起作用。。

所以在InstantClick執(zhí)行時(shí)，看它的引用語句：

InstantClick.init();

語句作用就過濾掉了InstantClick它本身，相當(dāng)于在執(zhí)行后正常刷新一遍自己。

正常加載刷新js

語句本身的data-no-instant參數(shù)意思就是不處理，并且正常刷新這部分結(jié)構(gòu)。所以如果要其他js在InstantClick下起作用，必須將js本身刷新，可以把代碼寫入instantclick.min.js里面，也可以帶上data-no-instant參數(shù)獨(dú)立引用。如果不將自己的js寫入instantclick.min.js內(nèi)，就要利用它的四個(gè)參數(shù)來重新載入，參考：http://instantclick.io/scripts

InstantClick.on('change', function() {
// 回調(diào)
});
InstantClick.init();

a標(biāo)簽

InstantClick對(duì)新窗口打開的a標(biāo)簽是不處理的，還有在帶有data-no-instant參數(shù)的標(biāo)簽包裹下的a標(biāo)簽也不會(huì)處理。如

。

最后總結(jié)：data-no-instant屬性是用來避免instantclick在頁面切換時(shí)對(duì)該元素重復(fù)加載（意思就是按正常刷新）。它可以用在script、style標(biāo)簽中，也能放在a標(biāo)簽中，表示該鏈接將使用正常方式打開而不用instantclick加速，但對(duì)于div標(biāo)簽是沒有用的，這一點(diǎn)必須知曉。

搞清楚上面兩點(diǎn)就好辦了，之前把它當(dāng)成是ajax來理解，是整個(gè)body請(qǐng)求過來。也就是說把不處理的部分放在body標(biāo)簽之外也是可以的。

值得一提的是，我個(gè)人還是很中意它緩存后退前進(jìn)的功能的，這樣非?？臁?/p>

以上是“如何解決預(yù)加載InstantClick的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文標(biāo)題：如何解決預(yù)加載InstantClick的問題-創(chuàng)新互聯(lián)
文章源于：http://weahome.cn/article/ddoepg.html