javascript - 如何将此 Javascript 添加到我的 WordPress 网站?

标签 javascript wordpress

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

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

$(function() {

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

});

我已经让 HTML 和 CSS 正常工作,但是如何让脚本正常工作?

最佳答案

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

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

Uncaught ReferenceError: $ is not defined

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

如果您有任何疑问,请在下面留言,我会尽快回复您。

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

关于javascript - 如何将此 Javascript 添加到我的 WordPress 网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30203150/

相关文章:

php - MySQL:尝试以数组格式获取过去6个月的注册用户数

javascript - 使用 ECB 模式的 CryptoJS AES 加密使用相同的参数产生不同的结果

javascript - HTML 选择选项多行值

javascript - jquery - firefox 中的 event.preventDefault()

php - 具有特定字符串的 Woocommerce 标签列表

facebook - 控制链接 在 Facebook 上共享的 WordPress 链接的描述

javascript - 使用 Dojo 获取具有以某些字符开头的 ID 的元素

javascript - 带有 Twitter Typeahead 字段的 Bootstrap 按钮

php - 如何访问WordPress插件变量/MySQL数据?

php - 在 Wordpress 中编辑现有的 WooCommerce 元框