問題タブ [unobtrusive-javascript]

Rails 3で基本的な掲示板アプリを作っています。投稿をUJS/jQueryで作成したいです(AJAXで投稿してフォームをクリアしてください)。これは簡単だと思いましたが、次のエラーが発生しています。

レイアウト/application.html.erb:

投稿/index.html.erb:

posts/_posts.html.erb:

投稿/_form.html.erb:

投稿/create.js.erb:

posts_controller.rb:

Rails 3.0.0 と Ruby 1.9.2 を使用しています。問題が何であるかわかりません。

Railscastsエピソード＃229のものと非常によく似たRails 3アプリケーションがあります。唯一の違いは、私のコードではArticlesがPostsと呼ばれ、ネストされたルートがあることです。

ルート.rb：

ターミナルで次のエラーが発生します。

post_controller.rb：8：

Comments_Controllerインデックスメソッド：

def index @comments = Comment.where（ "post_id =？and created_at>？"、params [：post_id]、Time.at（params [：after] .to_i + 1））end

application.js：

問題はネストされたルートであるという予感があります。application.jsのJavascriptでネストされたルートを認識するにはどうすればよいですか？

編集：

posts / show.html.erb：

コメント/_form.html.erb：

application.jsに記載されている行を次のように変更した後：

端末でエラーが発生します：

2番目の編集：comments / index.js.erb：

コメント/show.js.erb：

Comments_controller.rb：

window.onloadJavaScriptと jQuery の$(document).ready()メソッドの違いは何ですか?

モジュール パターンまたはコンストラクター/protoType パターンが自分の作業により適しているかどうかを知りたいです。

基本的に、目立たない JavaScript を使用しています。HTML ドキュメントには .js ファイルへの参照があります。

モジュールパターンの私の理解：

• INIT メソッドを呼び出します (これは基本的に、モジュール パターンを使用して作成および返すことができるパブリック メソッドです)
• INIT メソッドでは、すべてのクリック イベントなどを割り当てます。

オブジェクトや継承階層などを作成する必要がないため、これは私の状況に最適なパターンのように思えます。

コンストラクター/プロトタイプパターンの私の理解:

• オブジェクトの作成用
• 継承を使用するため (つまり、スーパータイプのサブタイプ)

目立たない JavaScript を提供するには、モジュール パターンが理想的であるというのは正しいですか?

約 40 行の jquery を含むエディター テンプレートがあります。このスクリプトをブロックにドロップして、<asp:Content>すべての JavaScript をページ内の 1 つの場所に保持しようとしました。ただし、次のエラー メッセージcontent controls have to be top-level controls in a content page が表示されます。

最終的な出力ページにスクリプトが点在しないようにする方法はありますか、または ASP.NET MVC テンプレート内で使用される JavaScript を格納するためのベスト プラクティスを誰かが推奨できますか? 現時点では、コードを別のファイルにプルしてマスター ページ内で参照することを考えていますが、これはすべてのページにプルされることを意味し、理想的ではありません。

前もって感謝します。

たくさんのウェブカメラ画像を表示し、定期的に更新して、ページを一目で監視できるようにするページを作成しています。ただし、定期的なリロードを機能させるのに問題があります。私のコードは次のようになります。

理想的には、カメラごとに個別のJSを生成することなく、指定されたURLから数秒ごとにこれらのものをリロードしたいと思います。私は他のいくつかのビットにjQueryを使用しているので、それに固執するのは素晴らしいことです-そして、繰り返しますが、プレーンなJSソリューションも問題ありません。

何かアイデアはありますか、StackOverflow JS Gods？

savecount()ブラウザの URL から トリガーするにはどうすればよいですか? javascript:savecount();動作しません どちらgame.savecount()も どちらもwindow.game.savecount();

次の読み込み画像があります。

AJAX呼び出し中に表示/非表示にするために、いくつかの解決策があります。たとえば、CSSスタイルに対応するクラスを追加することで非表示にできます。

または、jQuery.show()とを使用することもできます.hide()。この特定の例では、後者のアプローチはそれほど冗長ではありません。

「オンザフライ」でCSSを追加することでどのようなシナリオがメリットになりますか？$（document）.ready（）でjQueryを使用してすべてのJSをDOMに挿入することを推奨する「控えめなJavaScript」を読んでいます。

同様の方法でCSSとjQueryを明確に分離するベストプラクティスアプローチはありますか？

FFで問題なく切り替わるリストがあります。実稼働に対応するには、この動作するIEが必要です。

（IE）jsを最初の#orderItemと最初の#familiyにのみ適用するようです。リスト内の残りの項目は無視されます。

どんな助けでも素晴らしいでしょう。

HTMLの一部（大きなリスト）：

私は次のjquery関数を持っています：

サイト内の他のページへの明示的な href を含むリンク/<a> タグを使用する場合 (つまりhref="/blah/blah/blah.html) と、hrefs/divs/etc を使用する場合のベスト プラクティスは何ですか。明示的な href がなく、onclick が main.js ファイルなどの JavaScript を使用してドキュメント対応ハンドラー内に設定されているもの。

私は Web 開発の専門家ではありませんが、jQuery などの学習を楽しんでおり、Unobtrusive JavaScript の概念に加入していることに気づきました。上記の両方のオプションは、その考え方の「HTML 内に JavaScript を持たない」という部分を壊すものではありませんが、「動作からの構造と表示の分離」に行き詰まっていると思います。そこに <a> タグを入れて明示的に href を設定する方が自然であることは確かですが、これは実際には動作であり、JS 内で設定する必要があると考えています。

それは遠くに行くのですか、それとも私が慣れていないだけですか? 私の反対側は、それを JS に入れることの利点を理解しています。b/c 今では、HTML 内で何も変更することなく、そのリンクの動作を完全に制御することができます。私はことわざの垣根の上にいると言うでしょう。私を落ち着かせるのを手伝ってください。=)

(注: このサイトは JavaScript を多用しているため、JS をオフにして機能を提供するという概念は、JavaScript がないとほとんどのサイトが機能しないため、実際には問題になりません。)