2013-07-22 39 views
0

我想在Rails的Simple_form生成的腳手架中包含一些基本的jQuery來隱藏某些元素。由於我不明白的原因,jQuery似乎根本沒有工作。佈局文件具有正確的JavaScript包含標記。我想知道如果我只是做了一個基本的CSS/jQuery錯誤,或者如果我需要修復的Rails有問題。jQuery不會在rails 4中使用simple_form

這裏是形式:

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

任何幫助,將不勝感激。如果任何人也可以推薦一個不同的表單生成器,這也是很棒的。

我運行軌道4,5 /紅寶石2.0.0

回答

0

在不同項目中測試了相同的代碼後,它似乎是simple_form覆蓋javascript文件的問題。我發現使用formtastic也會發生同樣的事情。我仍然不知道這是爲什麼,但可以通過不使用表單生成器並使用默認腳手架來避免此問題。

1

缺少最後一行右括號。嘗試});

+0

謝謝,很好的地方。不幸的是,它在文檔中確實是正確的,我只是錯誤地複製了它。它仍然不起作用。我認爲標籤可能是錯誤的,或者我可能沒有在application.js中正確「要求」js。這個文件是否需要默認編輯? – user2514224