0

ですから、私のファンタジーでは、基礎コードはレールで簡単に機能します...もちろん、そうではありません。私のファンデーションJavaScriptがすべて読み込まれているようで、スタイリングも同様です。Foundationgemをインストールしませんでした。手動でファイルを追加しました。

タブの基本的な手順:

<dl class="tabs">
  <dd class="active"><a href="#simple1">Simple Tab 1</a></dd>
  <dd><a href="#simple2">Simple Tab 2</a></dd>
  <dd class="hide-for-small"><a href="#simple3">Simple Tab 3</a></dd>
</dl>
<ul class="tabs-content">
  <li class="active" id="simple1Tab">This is simple tab 1s content. Pretty neat, huh? </li>
  <li id="simple2Tab">This is simple tab 2s content. Now you see it!</li>
  <li id="simple3Tab">This is simple tab 3s content.</li>
</ul>

Railsアプリで次のことを試しました。

<dl class="tabs">
  <dd class="active"> <%= link_to "Edit Trail Info", "#simple1" %></dd>
  <dd><%= link_to "Reorder Chapters", "#simple2" %></dd>
</dl>
<ul class="tabs-content">
  <li class="active" id="simple1Tab">
      <%= render 'form' %>      
  </li>
  <li id="simple2Tab">  
      <%= render :partial => 'shared/chapterSort', :locals => { :trail => @trail } %>
  </li>
</ul>   

しかし、タブをクリックすると、ブラウザのURLがこれに変わり、データが表示/非表示になりません: "http:// localhost:3000 / trails / 7 / edit#simple2"

どこから始めればいいですか?それはルートのもの、Javaのもの、またはlink_toの別の構文ですか。どんな助けでも大歓迎です!!

4

1 に答える 1

0

javascriptが正しくインストールされていないか、ページにjavascriptエラーがあり、onclickイベントがトリガーされないようです。ブラウザのJavaScriptコンソールでエラーを確認してください。

于 2012-11-10T20:14:39.203 に答える