如何在rails上为ruby添加codepen.io？使用codepen.io中的示例

Question

http://codepen.io/iremlopsum/pen/OVMxzp

 Links to codepen.io must be accompanied by code...

所以我想复制这个项目并建立它。我的问题是我无法改变付款，换行或发货。有任何想法吗？我在铁轨上使用红宝石。

Answer 1

将文档中的JavaScript包装好，如下所示：

$(document).ready(function() {
// JS code from codepen.io here
});

问题是JavaScript在浏览器中呈现HTML之前尝试绑定到css类。因此，当它尝试绑定go $（“。pay”）时，它将获得一个空集，并且不会绑定任何事件。没有任何反应。另一种解决方法是将JavaScript include标记移动到页面底部（这样，当JS运行时，HTML将被呈现并呈现）。

Answer 2

转到笔，然后选择embed（它位于左下角）。您可以选择iframe，html，wordpress，然后选择代码并粘贴到您的网站。

代码如下：

<p data-height="268" data-theme-id="7560" data-slug-hash="KwbrwK" data-default-tab="result" data-user="duykhoa" class='codepen'>See the Pen <a href='http://codepen.io/duykhoa/pen/KwbrwK/'>KwbrwK</a> by duykhoa (<a href='http://codepen.io/duykhoa'>@duykhoa</a>) on <a href='http://codepen.io'>CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script>

注意：您可以将其转换为HAML或SLIM。