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