fadeToggle() 不起作用答案

【问题标题】：fadeToggle() not functioningfadeToggle() 不起作用
【发布时间】：2017-03-05 18:30:52
【问题描述】：

我的 HTML：

<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <%= csrf_meta_tags %>

 <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
 <!--[if lt IE 9]>
   <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js">
   </script>
 <![endif]-->

</head>
<body>

  <section class="dropdown-text">
    <p><%= link_to "My text", "#", id: "text-link" %></p>
    <div id="my-text">
       my text
    </div>
  </section>


</body>
</html>

.咖啡：

$(document).on "ready page:load", ->
  $("section.dropdown-text").on "click", "#text-link",  ->
    $("#my-text").fadeToggle()
    e.preventDefault()

如果我点击链接，什么都不会发生。我认为这个错误很愚蠢，但我找不到它。如有必要，也很乐意提供更多详细信息。

【问题讨论】：

标签： coffeescript ruby-on-rails-5

【解决方案1】：

看看你的代码：

我的文字

“section”元素未正确括起来。

【讨论】：

嗨，谢谢你，但这只是复制代码时的一个错误。