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

【问题标题】：how do I add this Javascript to my wordpress site?如何将此 Javascript 添加到我的 wordpress 网站？
【发布时间】：2015-05-13 07:49:23
【问题描述】：

我有一些东西放在 codepen 上，我想添加到我的 wordpress 网站。我目前正在本地开发，我似乎无法让 javascript 工作。是的，我阅读了您必须注册然后将脚本排入队列的法典。这对我不起作用....除非我错过了什么。我什至尝试将脚本放在我的标题中，但这也不起作用。我有点迷茫，希望能得到一些帮助....它在 codepen 中工作得很好。

我要补充的：http://codepen.io/figaro/pen/jPqPGG

$(function() {

var srcURL = "http://roostergrin.com"; $("iframe").attr("src", srcURL);

});

我已经让 HTML 和 CSS 工作了，但是如何让脚本工作？

【问题讨论】：

您是否链接到 jQuery 库？这不是使用纯 javascript，而是使用 javascript 库 jQuery 并且您需要链接到库来使用那些预构建的函数。
好吧，我承认我在这方面还很陌生。我完全忘记了这一点……习惯了它默认插入codepen。嗯...哈哈谢谢，我觉得很愚蠢，但我现在明白了
这是一个简单的错误。 提示： 使用 javascript 时，浏览器控制台是您最好的朋友！
不客气。

标签： javascript wordpress

【解决方案1】：

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

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

未捕获的引用错误：$ 未定义

<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');
    }
}

如果您有任何问题，请在下方留言，我会尽快回复您。

我希望这会有所帮助。快乐编码！

【讨论】：

太棒了，非常感谢。我确实忘记链接到 JQuery 库，非常感谢您向我展示纯 javascript 方法，我不知道该怎么做。
非常欢迎！如果您对此处的方法有任何不明白之处，我将非常乐意更新帖子并进行解释。