ヘッダーのナビゲーションに「アクティブ」クラスを追加および削除する単純なjquery関数があります。
$(document).ready(function () {
$('ul.right li').click(function() {
$("ul.right li.active").removeClass("active");
$(this).addClass('active');
});
});
私のリンクがこのように見える限り、それは機能します:
<li><%= link_to "people", "#" %></li>
しかし、次のように変更するとすぐに:
<li><%= link_to "people", people_path %></li>
その 1 つのリンクで中断しますが、他のスタブ リンクでは引き続き機能します。
よくわかりません。
** * ** * ** * ** * ** * ** *サーバー出力* ** * ** * ** * ** * ** * ** * *
127.0.0.1 の GET "/news" を 2013-09-15 13:08:45 -0500 で開始 HTML として StaticPagesController#news で処理 DEPRECATION WARNING: Relation#all は非推奨です。リレーションをeager-loadしたい場合は、#load (例: Post.where(published: true).load) を呼び出すことができます。リレーションからレコードの配列を取得したい場合は、#to_a を呼び出すことができます (例: Post.where(published: true).to_a)。(/Users/jameson/Documents/projects/jemisonmetals/app/controllers/static_pages_controller.rb:6 のニュースから呼び出されます) Post Load (0.3ms) SELECT posts.* FROM postsORDER BY created_at DESC Rendered layouts/_wispy.html.erb (0.1 ms) Post Load (0.3ms) SELECT posts.* FROMpostsORDER BY created_at DESC LIMIT 5 layouts/application 内で static_pages/news.html.erb をレンダリング (2.5ms) layouts/_header.html.erb をレンダリング (0.2ms) layouts/_footer.html.erb をレンダリング (0.2ms) 200 OK で完了14ms (ビュー: 12.4ms | ActiveRecord: 0.6ms)
2013-09-15 13:08:45 -0500 に 127.0.0.1 の GET "/assets/application.css?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/vendor/custom.modernizr.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 に 127.0.0.1 の GET "/assets/posts.css?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation_and_overrides.css?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/app.css?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/static_pages.css?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/jquery_ujs.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 に 127.0.0.1 の GET "/assets/foundation/foundation.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.alerts.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.clearing.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.cookie.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.dropdown.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.forms.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.joyride.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.magellan.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/jquery.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 に 127.0.0.1 の GET "/assets/logo.png" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/wispy.png" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/logo-footer.png" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.orbit.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.reveal.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.section.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.topbar.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.interchange.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.placeholder.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.tooltips.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/foundation/foundation.abide.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 に 127.0.0.1 の GET "/assets/foundation/index.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/app.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/posts.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/static_pages.js?body=1" を開始しました
2013-09-15 13:08:45 -0500 で 127.0.0.1 の GET "/assets/application.js?body=1" を開始しました
私は問題を参照してください：
アクティブなクラスが li タグに一時的に追加されますが、ページが読み込まれて消えます。スタブ リンクがクリックされると、ページが更新されないため、それらが機能します。
_header.html.erb パーシャルにヘッダー コードがあり、アプリケーション レイアウトから呼び出しています。