Typecho 如何做到全站pjax背景音乐不间断播放?

今天感谢 Oo笑容太甜oO 回访留言我的博客，非常感谢给予指出的问题，谢谢朋友。

本博客之前有幸搭建完成之初，自己给加了背景音乐播放，后面 Oo笑容太甜oO 留言给出了建议 可以使用 pjax 实现切换页面音乐不用停。好建议应及时响应，现在记录下这一学习过程。

网络查询学习使用

1、js文件引入

前提是引入jquery-min，然后引入jquery-pjax，

我这里是下载下来后上传到自己的网站上，大家也可以通过CDN的方式去引入

<!-- jquery-min -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!-- jquery-pjax -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.pjax/2.0.1/jquery.pjax.js"></script>

2、调用方式

先来看看调用方式

$(document).pjax(selector, [container], options)

参数说明

| 参数名 | 说明 |

开始我博客里记录

1.打开主题header.php 文件在之前引入js文件

<script src="<?php $this->options->siteUrl(); ?>assets/jquery.min.js" type="text/javascript"></script>
<script src="<?php $this->options->siteUrl(); ?>assets/jquery.pjax.js" type="text/javascript"></script>

2.打开主题footer.php 文件在之前调用js文件

<script type="text/javascript">
$(document).pjax('a[target!=_blank]', '#container', {fragment: '#container',timeout: 8000});
$(document).on('pjax:complete', function() {
        self.Prism.highlightAll(event);
        jQuery('[data-fancybox="gallery"]').fancybox();
        loadDPlayer();
    });
</script>

完成后保存文件测试 完成。