2017-03-05 44 views
0

我的HTML:fadeToggle()不正常

<!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() 

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

回答

1

看看你的代码:

< **/**部分类= “下拉菜单文本”>

<%=的link_to “我的文字”, “#”,ID: “文字链接” %>

我的文字

的 “部分” 元素是不正确封闭。

+0

嗨,谢谢你,但这只是一个错误,而复制代码。 – Bubibob