地區(qū)
博客加了懸浮音樂(lè)播放器后就一直在折騰換頁(yè)音樂(lè)不中斷的功能，在網(wǎng)上查找后發(fā)現(xiàn)想要實(shí)現(xiàn)換頁(yè)音樂(lè)不中斷的功能必須要為博客加pjax，于是又苦苦尋找并嘗試了一番，最后發(fā)現(xiàn)網(wǎng)上實(shí)現(xiàn)pjax功能基本上是兩種方法。
方法一
Markup
<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>將以上代碼放入頁(yè)腳文件foot.php或者footer.php文件的最下面。
解釋一下上面代碼：{$host}是zblog的自帶函數(shù)，調(diào)用本站的首頁(yè)地址！也就是只對(duì)本站的，并且沒(méi)有_blank屬性的，標(biāo)簽里不含no-pjax的鏈接實(shí)行pjax！局部刷新的區(qū)域是#pjax-container的部分！
其中#pjax-container是你的局部刷新部分，你可能沒(méi)有這個(gè)div，你自己在添加一個(gè)
包裹住你想局部刷新的部分就行了！方法二
Markup
<script src="https://cdn.jsdelivr.net/npm/pjax/pjax.js">script>
<script>
var pjax = new Pjax({
elements: "a", // 在頁(yè)面進(jìn)行 PJAX 時(shí)需要被替換的元素或容器，一條一個(gè) CSS 選擇器，數(shù)組形式
selectors: [
"title",
"meta[name=description]", // 如果是全部 meta 替換的話，只需要寫 meta "main"
],
cacheBust: false
})
script>和第一種方法一樣，將以上代碼放入頁(yè)腳文件foot.php或者footer.php文件的最下面。
局部刷新的區(qū)域是main的部分！
其中main是你的局部刷新部分，你可能沒(méi)有這個(gè)div，你自己在添加一個(gè)
包裹住你想局部刷新的部分就行了
