Tag: railstutorial.org

将JavaScript显示添加到主页以从140个字符开始倒计时。 （Rails教程，第2版，第10章，练习7）

这个练习有点棘手。 想我发布我的解决方案，看看是否有人做了不同的事情，或者是否有人知道更好的方式。 我不确定使用Asset Pipline的最佳实践..例如，将内容放入application.js清单文件中的正确顺序，或何时将内容放入lib与app中。 我只是将以下内容放在lib中以尝试使其工作。 来自Michael Hartl的Rails教程第2章第10章，练习7： （具有挑战性）将JavaScript显示添加到主页以从140个字符开始倒计时。 首先，我读了这篇关于jQuery类似Twitter的倒计时的post ，它提供了执行此操作的代码。 接下来，我更新了app / views / shared / _micropost_form.html.erb，如下所示： 然后，我在lib中创建了一个javascripts目录并添加了文件 LIB /资产/ JavaScript的/ microposts.js function updateCountdown() { // 140 is the max message length var remaining = 140 – jQuery(‘#micropost_content’).val().length; jQuery(‘.countdown’).text(remaining + ‘ characters remaining’); } jQuery(document).ready(function($) { updateCountdown(); $(‘#micropost_content’).change(updateCountdown); $(‘#micropost_content’).keyup(updateCountdown); }); 最后，我添加了一点CSS 应用程序/资产/样式表/ custom.css.scss /* micropost […]

Micropost字符倒计时（Rails教程，第2版，第10章，练习7）

我尝试了The Rails教程（第10章，练习7）中的微博字符倒计时，使用此处的信息作为基础，并在 此处和此处获得StackOverflow答案的帮助。 在屏幕上，它看起来像这样 ，当你接近字符限制时，文本逐渐变红，一旦微博超过限制，Post按钮禁用，完成就像这样 。 目前的实现如下： 视图/共享/ _micropost_form.html.haml = form_for @micropost do |f| = render ‘shared/error_messages’, object: f.object .field= f.text_area :content, placeholder: t(‘.compose_micropost’) %span .remaining= t(‘.characters_remaining’).html_safe .countdown = f.submit t(‘.post’), class: “btn btn-large btn-primary” 资产/ Java脚本/ microposts.js.coffee updateCountdownAttributes = (toRemove, toAdd = null) -> for attr in toRemove $(“.remaining, .countdown”).removeClass attr if toAdd $(“.remaining, […]