欧美激情一区二区三区全黄_国产一区二区三区视频_欧美日韩在线播放三区四区_欧美视频中文在线看

主題OL

給網站添加pjax無刷新,換頁音樂不中斷

ZTOL ZBlog開發教程 2023-07-07 3.3千 2

博客加了懸浮音樂播放器后就一直在折騰換頁音樂不中斷的功能,在網上查找后發現想要實現換頁音樂不中斷的功能必須要為博客加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>包裹住你想局部刷新的部分就行了


發表評論

用戶頭像 游客
此處應有掌聲~

評論列表

QQ在線客服

客戶服務

在線時間 上午:09:00-12:00 下午:14:00-21:00
主站蜘蛛池模板: 国产精品久久婷婷六月丁香| 欧美久久久久久V| 国产精品偷伦免费视频观看的| 久久精品99久久久香蕉| 91免费看国产| 国产精品国产亚洲精品看不卡15 | 日本成人在线不卡| 欧美在线视频a| 欧美日韩一区二区三区在线视频| 男人的天堂99| 欧美区高清在线| 国产成人综合一区二区三区| 日本精品免费视频| 激情欧美一区二区三区中文字幕| 久久久91精品| 国产在线精品一区| 国产精品美腿一区在线看| 国产精品视频白浆免费视频| 亚洲精品成人久久久998| 欧美一级视频一区二区| 亚洲日本一区二区三区在线不卡| 国产日韩中文在线| 国产精品乱子乱xxxx| 日韩视频在线观看国产| 欧美最猛黑人xxxx黑人猛叫黄| 欧美 日韩 国产在线观看| 国产精品一区二区性色av| 国产精品久久久久久久久久东京| 国产精品免费观看久久| 久久精品99| 国产精品久久久久久久久久ktv| 日韩欧美一区二区三区四区五区 | 日韩中文字幕在线不卡| 久久夜色精品国产亚洲aⅴ| 婷婷久久伊人| 国产精品久久久久久久久婷婷| 亚洲在线欧美| 激情欧美一区二区三区中文字幕 | 尤物国产精品| 欧美老熟妇喷水| 欧美最猛黑人xxxx黑人猛叫黄|