如何将此Javascript添加到我的wordpress网站？

Question

我在Codepen上放了一些东西，希望添加到我的Wordpress网站。 我目前在本地开发，但似乎无法使JavaScript正常工作。 是的，我在法典上读过您必须注册的内容，然后使脚本入队。 那对我不起作用....除非我错过了一些东西。 我什至尝试只将脚本放在标头中，但这也不起作用。 我有点迷茫，不胜感激。...它可以在Codepen中正常工作。

我要添加的内容： http : //codepen.io/figaro/pen/jPqPGG

$(function() {

var srcURL =“ http://roostergrin.com ”; $（“ iframe”）。attr（“ src”，srcURL）;

}）;

我有HTML和CSS，但是如何使脚本工作？

Answer 1

正在设置iframe src，我只能假设您未链接到jQuery库

如果打开浏览器控制台，则可能会看到此消息。

未捕获的ReferenceError：未定义$

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如果由于任何给定的原因而无法链接到jQuery库，则这是一个纯JavaScript方法

window.onload=function(){
    var frames=document.getElementsByClassName('devices')[0].getElementsByTagName('iframe');
    for(var i=0; i<frames.length; i++){
        frames[i].setAttribute('src','http://roostergrin.com');
    }
}

如果您有任何疑问，请在下面发表评论，我们会尽快与您联系。

我希望这有帮助。 编码愉快！