railsにてjQueryを使用して要素を隠したいのですが

Question

###前提・実現したいこと
railsにて画面遷移時にある要素を隠したまま表示させたいのですが現状は遷移先では表示されたままとなり、同じURLを踏めば隠されるのですが本来の実装ではありません

###発生している問題・エラーメッセージ

エラーはありませんが、隠すべきものが表示されたままになります

###該当のソースコード

$(function(){
    
        $('#form-modal').css('display', 'none');    
    
    
});

<%= form_for(@article) do |f| %>
  <% if @article.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@article.errors.count, "error") %> prohibited this article from being saved:</h2>

      <ul>
      <% @article.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
      </ul>
    </div>
  <% end %>
    <div id="form-modal">
         <div class="field">
          <%= f.select :category ,Article.categories.keys.to_a%></div>
        <div class="field">
          <%= f.label :title %><br>
          <%= f.text_field :title %>
        </div>
        <div class="field">
          <%= f.label :description %><br>
          <%= f.text_area :description %>
        </div>
        <div class="field">
          <%= f.label :content %><br>
          <%= f.text_area :content ,size: "60x60"%>
        </div>
    </div>
  <div class="actions">
    <%= f.submit %>
  </div>
  <script src="articleForm.js"></script>
<% end %>

Comments

[kei344]

出力されたHTML（ブラウザで「ページのソースを表示」）を質問文に追記ください。

Answer 1

Ruby側で出力するHTMLコードで

<div id="form-modal">

となっているところがありますが、これを遷移の際に分岐して

<div id="form-modal" style="display:none;">

と出力するようにすれば良いと思います。

JSでの実装はわりとクリックなどのイベント駆動向きで、ブラウザで開いたページ上で行われる動作向きなので、遷移時にどの状態をもって出力するかというのはサーバ側でやったほうが良いです。

Comments

[VerfolgungEin]

もはやrailsやjs以前の問題でしたね・・・ありがとうございます、盲点をつかれました！

[VerfolgungEin]

質問に関しての根本的な解決策を見つけることが出来たので共有させていただきます。
http://qiita.com/kumagi/items/289ccadf344f32613304
にてTurbolinksgemが原因でrailsでのページ遷移時のjQuery読み込みが行えなかったことが分かりこの記事を参考にして、Turbolinksgemを削除することで、ページ遷移時に想定通りの動作を得ることが出来ました