在wordpress页面中加载javascript

在wordpress页面中加载javascript,javascript,wordpress,Javascript,Wordpress,我在这里找到了这段很棒的代码:() 我想在我的Wordpress页面中使用它(我可能需要在多个页面上使用它)。我对Javascript一无所知,Wordpress Codex在这方面对我帮助不大。() 我需要在哪里插入以下代码? 谢谢各位。 我的网站:www.visionmars.com var timer, fullText, currentOffset, onComplete; function Speak(person, text, callback) { $("#name").

我在这里找到了这段很棒的代码:() 我想在我的Wordpress页面中使用它(我可能需要在多个页面上使用它)。我对Javascript一无所知,Wordpress Codex在这方面对我帮助不大。() 我需要在哪里插入以下代码? 谢谢各位。 我的网站:www.visionmars.com

var timer, fullText, currentOffset, onComplete;

function Speak(person, text, callback) {
    $("#name").html(person);
    fullText = text;
    currentOffset = 0;
    onComplete = callback;
    timer = setInterval(onTick, 100);
}

function onTick() {
    currentOffset++;
    if (currentOffset == fullText.length) {
        complete();
        return;
    }
    var text = fullText.substring(0, currentOffset);
    $("#message").html(text);
}

function complete() {
    clearInterval(timer);
    timer = null;
    $("#message").html(fullText);
    onComplete();
}

$(".box").click(function () {
    complete();
});

Speak("Simon",
    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod         tempor incididunt ut labore et dolore magna aliqua.",

function () {
    setTimeout(function(){
    Speak("Javascript", "Simon has finished speaking!");
    }, 2000);
});

您需要创建一个JavaScript文件,然后可以将其加载到functions.php中,如下所示:

函数主题\u名称\u脚本(){
wp_enqueue_script('script name',get_template_directory_uri()。/js/example.js',array(),'1.0.0',true);
}
添加动作('wp_排队_脚本','theme_name_脚本');
或者在footer.php中,如果文件位于模板所在的主题根目录中,则如下所示:


您的jQuery代码不能与WordPress附带的jQuery一起使用。请看地图。