如何将codepen.io添加到Rails中的ruby？ 使用来自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。