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