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

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

在改造的時候代碼高亮沒法執行，準確的說是只執行一次，第二次就不執行了。所以發文說明一下，而且大致看了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的問題”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯成都網站設計公司行業資訊頻道！

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

網頁標題：如何解決預加載InstantClick的問題-創新互聯
文章路徑：http://www.yijiale78.com/article36/ddoepg.html

成都網站建設公司_創新互聯，為您提供網站排名、動態網站、網站收錄、微信小程序、響應式網站、網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯