博客加了懸浮音樂播放器后就一直在折騰換頁音樂不中斷的功能,在網上查找后發現想要實現換頁音樂不中斷的功能必須要為博客加pjax,于是又苦苦尋找并嘗試了一番,最后發現網上實現pjax功能基本上是兩種方法。
方法一
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery.pjax/1.9.6/jquery.pjax.min.js"></script>
<script>
$(document).pjax('a[href^="{$host}"]:not(a[target="_blank"], a[no-pjax])', {
container: '#pjax-container',
fragment: '#pjax-container',
timeout: 8000
})
</script>將以上代碼放入頁腳文件foot.php或者footer.php文件的最下面。
解釋一下上面代碼:{$host}是zblog的自帶函數,調用本站的首頁地址!也就是只對本站的,并且沒有_blank屬性的,標簽里不含no-pjax的鏈接實行pjax!局部刷新的區域是#pjax-container的部分!
其中#pjax-container是你的局部刷新部分,你可能沒有這個div,你自己在添加一個<div id="pjax-container"></div>包裹住你想局部刷新的部分就行了!
方法二
<script src="https://cdn.jsdelivr.net/npm/pjax/pjax.js"></script>
<script>
var pjax = new Pjax({
elements: "a", // 在頁面進行 PJAX 時需要被替換的元素或容器,一條一個 CSS 選擇器,數組形式
selectors: [
"title",
"meta[name=description]", // 如果是全部 meta 替換的話,只需要寫 meta "main"
],
cacheBust: false
})
</script>和第一種方法一樣,將以上代碼放入頁腳文件foot.php或者footer.php文件的最下面。
局部刷新的區域是main的部分!
其中main是你的局部刷新部分,你可能沒有這個div,你自己在添加一個<div id="main"></div>包裹住你想局部刷新的部分就行了

游客
皖公網安備 34162202000270號