javascript - 如何将 JSBIN 代码嵌入到 wordpress 博客中?

标签 javascript wordpress

当我试图在我的 WordPress 博客中嵌入一个 JSBIN 代码时,它是不可见的。只有它显示了一个超链接。 有人可以帮我吗?

我使用的代码如下:

<a class="jsbin-embed" href="http://jsbin.com/biyozi/1/embed?html,console">ABCD</a><script src="http://static.jsbin.com/js/embed.js"></script>

WordPress 页面可以在下面的链接中找到: page link

最佳答案

您需要将类 jsbin-embed 添加到您的链接中。

<a class="jsbin-embed" href="http://jsbin.com/biyozi/1/embed?html,console">ABCD</a>
<script src="http://static.jsbin.com/js/embed.js"></script>

为什么会这样?

jsbin 嵌入脚本在您的页面中查找所有链接,这些链接至少有一个以 jsbin- 开头的类。然后它会检查这些链接(一次一个)以查看它们是否具有类 jsbin-scoop - 如果没有,它会检查它们是否具有类 jsbin-embed。如果类 jsbin-embed 存在,嵌入就会发生(添加 iframe,并从链接继承 id 和类)。

脚本 ( https://github.com/jsbin/jsbin/blob/master/docs/embedding.md ) 的评论中提到的嵌入文档包含一个示例,该示例在链接上也有类 jsbin,尽管(至少现在)脚本没有用这个类做任何事情。

关于javascript - 如何将 JSBIN 代码嵌入到 wordpress 博客中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28813788/

相关文章:

javascript - 使用 jQuery 和正确的按钮 ID 将正确的内容应用到模式中

javascript - 使用 Firebug 查找 JavaScript 中的内存泄漏?

php - 在 WordPress mysql 中创建新数据库时出现问题

php - Wordpress 通过标准循环更改帖子的顺序

php - 如果没有特色图片则隐藏部分

php - 如何知道PHP中结果记录集的所有行中的列是否全部为NULL?

javascript - jQuery 的箭头键事件在 Firefox 以外的任何地方都不起作用

javascript - 如何在 jQuery 中使用 .trigger() 方法将 eventData 参数传递给 .on()?

javascript - 通过 Javascript 访问 Google map 叠加层中的 KML 地标?

php - WordPress 查询