jquery - 如何使用 CoffeeScript 隐藏和显示 div - Rails 3.1

标签 jquery ruby-on-rails ruby-on-rails-3.1 coffeescript

我正在尝试做出与 Stack Overflow 中问题的评论链接类似的行为。 单击应隐藏包含“添加评论”链接的 div,并显示另一个包含新评论表单的 div。

如何使用 CoffeeScript 做到这一点?

我正在尝试以下不起作用:

jQuery ->

  hide_comment_link = () ->
    $('#add_comment_link').hide
  hide_comment = () ->
    $('#add_comment').hide
  show_comment = () ->
    $('#add_comment').show

  $('#add_comment_link').click ->
    hide_comment_link
    show_comment
    false

View 是:

#add_comment_link
  #{link_to "Add a comment"}
#add_comment
  Add a comment in this div.

最佳答案

与 Ruby 不同,如果没有参数,CoffeeScript 不允许您在函数/方法调用中省略括号。您需要添加它们:

$('#add_comment_link').hide()
hide_comment_link()

do 关键字是另一种选择:

do $('#add_comment_link').hide
do hide_comment_link

关于jquery - 如何使用 CoffeeScript 隐藏和显示 div - Rails 3.1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8196492/

相关文章:

javascript - 如何随着窗口调整大小移动内容,使其出现在同一位置?

ruby-on-rails - 在数据库中始终将字段设为小写的简单方法

ruby-on-rails - 将 ActionView::Helpers::FormBuilder 传递给部分

php - 如何在彩色框中使用 php ajax 表单?

jquery - 在 jQuery UI Datepicker 中设置一周的开始日期?

javascript - 在js中确定event.target下方的元素

html - 在 Rails spree 中将链接设为按钮

ruby-on-rails - 怎么能跑。 AWS Lambda 服务器中的 Rails Web 应用程序

javascript - jQuery - 未捕获的类型错误 : $ is not a function

ruby-on-rails - 如何在 sublime text 2 中设置/使用 ruby​​ on rails 片段和自动完成功能?