Rails的分頁瀏覽使用Javascript

我想在我的Rails應用程序使用tabifier所以我有：Rails的分頁瀏覽使用Javascript

<%= stylesheet_link_tag "example", "example-print" %> 
<%= javascript_include_tag 'tabber.js' %> 

<script> 

/* Optional: Temporarily hide the "tabber" class so it does not "flash" 
    on the page as plain HTML. After tabber runs, the class is changed 
    to "tabberlive" and it will appear. */ 

document.write('tabber{display:none;}'); 
</script> 

<div class="tabber"> 

    <div class="tabbertab"> 
    <h2>Tab 1</h2> 
    <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :put }) do |f| %> 
     <%= devise_error_messages! %> 
     <div><%= f.label :peeruser %><br /> 
     <%= f.select :peeruser, [['Not yet','not yet'],['Beginner','beginner'],['Intermediate','intermediate'],['Expert','expert']] %></div> 

     <div><%= f.label :discipline %><br /> 
     <%= f.text_field :discipline %></div> 

     <div><%= f.label :course %><br /> 
     <%= f.text_field :course %></div> 

     <div><%= f.label :concept %><br /> 
     <%= f.select :concept, [['Yes','yes'],['No','no']] %></div> 

     <div><%= f.submit "Continue" %></div> 
    <% end %> 
    </div> 


    <div class="tabbertab"> 
    <h2>Tab 2</h2> 
    <p>Tab 2 content.</p> 
    </div> 


    <div class="tabbertab"> 
    <h2>Tab 3</h2> 
    <p>Tab 3 content.</p> 
    </div> 

</div> 

<%= link_to "Back", :back %>

而且我想不通爲什麼它沒有正確加載類的實例：

http://www.barelyfitz.com/projects/tabber/

我把JavaScript的公共 - > javascripts和公共 - >樣式表下的CSS - 就像它只是顯示文本，沒有它是可鏈接的，它顯示所有的表單信息。

來源

2011-11-09 eWizardII

原來我沒有把CSS和JS放在導致問題的資產文件夾中。

來源

2011-11-12 04:09:35 eWizardII

不完全是一個解決方案，但爲什麼不使用更流行和功能豐富的庫？

JqueryUI功能一個很好和簡單的方式來實現製表符。一旦LIB加載，所有你需要做的就是

<script> 
$(function() { 
    $(".tabber").tabs(); 
}); 
</script>

再加入一些鏈接，重新分類所有的div和Bam！即時標籤。另外，你有所有的jquery lib，這是純粹的迷人。

來源

2011-11-09 20:52:11

感謝您的意見。 – eWizardII

Rails的分頁瀏覽使用Javascript

回答

相關問題