CSSとJavaScriptに適切なスコープを適用することで問題を解決しました。例えば。
<body id="<%= "#{params[:controller]}-#{params[:action]}" %>" data-controller=<%= params[:controller] %> data-action=<%= params[:action] %>>
そして、私のusers_index.cssファイルで、そのアクションはスコープされ、使用スタイル::私のレイアウトファイルのbodyタグは、次のように動的なIDが付与され
body#users-index { .. }
マイCSSマニフェストので、ルックスこのように:JavaScriptのためとして
/*
*= require self
*= require jqueryUi
*= require_tree .
*/
、私は次の操作を行います
APP = { init: function() { ... },
users = {
index: function() {
//jQuery bindings here;
},
show: function() {
//More jQuery bindings here for this action;
}
}
}
ページのロードが、私は次のようです今
、:
(function() {
action = $("body").data("action");
controller = $("body").data("controller");
APP.init();
APP[controller][action]();
})();
回避策のビットが、私はポール・アイリッシュと彼の仲間は、JavaScriptのことを行うと、私はCSSを行うRailsCastsからライアンベイツを見た見ました私はそれが100%悪い習慣になることはできないと思います。