Question

我的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>

.coffee：

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

如果我点击链接没有任何反应。我认为错误是愚蠢但我找不到它。如有必要，也很乐意提供更多细节。

Answer 1

看看你的代码：

＆lt; ** / ** section class =＆＃34; dropdown-text＆＃34;＆gt;

＆lt;％= link_to＆＃34;我的文字＆＃34;，＆＃34;＃＆＃34;，id：＆＃34; text-link＆＃34; ％GT;

我的文字

＆＃34;部分＆＃34;元素未正确包含。

fadeToggle（）无法正常工作

1 个答案: