Question

我正在尝试将一个非常简单的音频播放器合并到WordPress中，该播放器使用jQuery来控制播放器和播放器控制背景图像。单个页面上将有多个播放器实例。

我编写HTML页面的代码没有问题，但它在WordPress页面中不起作用。我一直在谷歌搜索几个小时，但没有找到我需要的具体，可理解的答案，所以我道歉，如果这已被其他地方覆盖。

我不想写一个插件，我只想创建一个对HTML5音频播放器的一点控制。

脚本代码：

$(document).ready(function(){
var allAudioEls = $('audio');

function pauseAllAudio(){
    $('.gac_play').attr('src', 'play16.png');
    allAudioEls.each(function() {
        var a = $(this).get(0);
        a.pause();
    });
}


$(".gac_play").click(function(){
    var song = $(this).next('audio').get(0);
    if(song.paused){
        pauseAllAudio();
        $(this).attr('src', 'pause16.png');
        song.play();
    }else{
        pauseAllAudio();
        $(this).attr('src', 'play16.png');
    }
});

HTML：

<img class="gac_play" src="play16.png" />
<audio>
<source src="audio/fm-sample1.mp3" />
<source src="audio/fm-sample1.ogg" />
</audio>

在HTML页面上完美运行，但不在WordPress中运行。非常感谢任何帮助。

Answer 1

确保您正确排队 jQuery文件并使用您的ready函数：

jQuery(document).ready(function($){
    // your code goes here
});

或者您可以在脚本标记的开头使用$=jQuery.noConflict();。您可以在JS控制台中检查其他错误（ Ctrl + Shift + J on chrome ）。

Answer 2

如果我理解正确，JQuery是一个JavaScript库。它不适用于WordPress，因为该网站不允许使用JavaScript。

他们在文档中的某处描述了他们的推理。基本意图是尽量减少网站安全风险，避免MySpace过去的好时光......

您最好的选择是在PHP中实现相同的行为。

将jquery合并到WordPress中

2 个答案: