特定の要素を非表示にするために、Rails で生成された Simple_form の足場にいくつかの基本的な jQuery を含めようとしています。理由がわかりませんが、jQuery はまったく機能していないようです。レイアウト ファイルには、正しい JavaScript インクルード タグが含まれています。基本的な CSS/jQuery エラーを起こしているだけなのか、Rails で何か修正が必要なのか疑問に思っています。
フォームは次のとおりです。
<div class = "check1" >
<%= f.input :use_current_location?, input_html: {checked: true } %>
</div>
<div class = "hidden1">
<%= f.input :address_line_1 %>
<%= f.input :address_line_2 %>
<%= f.input :address_line_3 %>
<%= f.input :city %>
<%= f.input :postcode %>
<%= f.input :country %>
</div>
<div class = "check2">
<%= f.input :available_now?, input_html: {checked: true } %>
</div>
<div class = "hidden2">
<%= f.input :available_from? %>
<%= f.input :time %>
</div>
<div class="actions">
<%= f.button :submit %>
</div>
<% end %>
フォームの特定のクラスを非表示にしようとしています。jQuery は次のとおりです。
$(document).ready(function() {
$(".hidden1").hide(); //Initially hides selected classes.
$(".hidden2").hide();
});
jsタグと関係があるのだろうかと思っています。レイアウト ファイル:
<!DOCTYPE html>
<html>
<head>
<title><!-- YOUR APP NAME--></title>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "appication" %>
<%= csrf_meta_tags %>
</head>
<body>
<%= render :partial => ('layouts/navbar') %>
<%= yield %>
</body>
</html>
どんな助けでも大歓迎です。誰かが別のフォームジェネレーターを推奨することもできれば、それも素晴らしいでしょう.
Rails 4/Ruby 2.0.0 を実行しています