emlog實現全站pjax無重新整理載入頁面
阿新 • • 發佈：2018-11-19
宣告，pjax技術對SEO收錄不是很友好，大型網站慎用，限小型個人部落格體驗。
一：整合pjax的準備工作；
檢查你的網站是否引入1.7.0版本以上的jquery.js，如果沒有請全域性引入
1.新浪CDN提速：
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script>
1.7.0版本以上的才有pushState的封裝。
二：開始整合pjax；
1.下載pjax.js （本文底部）；
2.在你喜歡的位置（最好body程式碼結束前）引入pjax.js；
<script type="text/javascript" src="/assets/js/pjax.js"></script>三：使用pjax；
編輯模版footer.php在</body>標記結束前插入：
<script>
$(document).pjax('a[target!=_blank]', '#contentleft', {fragment:'#contentleft', timeout:8000});
</script>
寫好程式碼後，將容器contentleft付給一個ID，比如在body內的一個div，如：
<body>
<div id="contentleft"> 網站內容部分... </div>
</body>
搞定一切後，你已經成功了。
-
下載連結：https://pan.baidu.com/s/1rIpkLh4R8r3zidWsztRR7g 提取碼：mfb8