問題タブ [ujs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1070 参照

jquery - ujs、jquery、rails でコンテンツをロードするにはどうすればよいですか?

Rails UJSを使用してコンテンツをライトボックスに挿入する最良の方法を見つけようとしています。次のようなリンクがあります。

次のようにhtmlを生成します。

これはすべてうまく機能し、ビューファイルを作成しました。user_sessions/new.js.erbこれも問題なくロードされますが、html をページに追加するための推奨される方法は何ですか? 非jsページにすでにログインフォームがあるように、その部分をページにロードすることはできませんか?

どんなアイデアでも大歓迎です。

0 投票する
2 に答える
640 参照

jquery - Rails 3のlink_to_remoteの:withパラメーターをアップグレードする

Rails 3にアップグレードするときにlink_to_remoteのRailsRJSヘルパー':with'パラメーターの推奨されるUJS置換は何ですか(新しい目立たないlink_to ...:remote => true構文を使用)。

例えば。の交換:

具体的には、フォーム内の他のフィールドを更新するために、selectオプションの値を使用してajaxを使用してputリクエストを送信するリンクを調べています。

これを行うための最も良い目立たない方法は何ですか?

0 投票する
4 に答える
9627 参照

jquery - Element.update は関数ではありません [Rails 3 + JQuery]

JQuery を Rails 3 に統合しようとしています。rails.js ファイルをhttp://github.com/rails/jquery-ujsからダウンロードし、アプリに含めました。JQueryも含めました。

しかし、次のように単純な page.replace を実行しようとすると:

実行中の JavaScript から次のエラーがスローされます。

何か案は?

0 投票する
1 に答える
1286 参照

jquery - この部分的なレンダリングがUJS/jQueryで行われないのはなぜですか?

Rails3プロジェクトでフォームを使用して投稿を作成するためにjQueryを使用しようとしています。これが私が持っているものです:

更新された結果については、以下をご覧ください

create.js.erb:

layouts / application.html.erb:

post_controller.rb:

投稿フォームを送信すると#{render(:partial => 'posts')}、投稿ajaxのあるべき場所のようなテキストが表示されます。

編集:に変更することによってcreate.js.erb

フォームを送信すると、ターミナルで次のエラーが発生します。

0 投票する
1 に答える
597 参照

jquery - ajaxとUJSを使用してイベントハンドラーをページオブジェクトに割り当てるにはどうすればよいですか?

誰かがこの問題への良いアプローチをアドバイスできますか?

ページの読み込み時に、イベントハンドラーがページ要素に追加されます。例えば:

これは期待どおりに機能します-素晴らしいです!

しかしdiv#buttonDiv、ドキュメントがロードされ、後でAjaxを使用してDOMに追加されたときに、が存在していなかったとします。この場合、click()イベントハンドラーは追加されず、アラートは呼び出されません。

インラインJavaScriptを使用せずに、この要素にイベントハンドラーを追加するにはどうすればよいですか?

どんな提案も歓迎します。

0 投票する
2 に答える
2060 参照

ruby-on-rails - Rails 3でjQueryを使用した単純なUJSが機能しない

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 を使用しています。問題が何であるかわかりません。

0 投票する
2 に答える
2619 参照

jquery - IEでのRails UJSレンダリングjs.erbテンプレート

Rails 2.3.8 を実行している RoR アプリがあります。これは、Rails 3 スタイルの UJS を使用して、form_for_remote を使用する代わりに data-remote フォームをバインドします。コントローラーは、サーバーからの js.erb ファイルで応答します。

FF、Chrome、および Safari で美しく動作しますが、IE で実行すると、ファイルを保存するように求められ、JS は実行されません。これまでの私の調査では、これについて考えられる理由は明らかにされていません。

これが私のコントローラーアクションです:

同じ結果が得られる Respond_to ブロックの代わりに、これも試しました。

そして私のcreate.js.erb:

それはすべて非常に簡単です.IEで何が問題になっているのか本当にわかりません.

助けてくれてありがとう!

編集:

メモを投稿するフォーム:

そして rails.js の関連部分:

サーバーは次のように応答します。Content-Type:text/javascript; 文字セット=utf-8

rails.js ヘルパーのデータ型を明示的に設定しようとしましたが、何も変わりませんでした。

0 投票する
2 に答える
3684 参照

ruby-on-rails - Rails 3 UJS ドライバー イベント

Simone Carletti のブログ投稿によると、Rails 3 の ajax ヘルパーは大幅に変更されています。Rails 3 では、Rails 2 で使用していたよりも多くの JavaScript を記述する必要があります。

「Rails 3 way」で、ajax クエリの実行中に ajax 読み込み gif を表示する方法を見つけようとしました。Rails 3 UJS ドライバーから送信された JavaScript イベントを使用するこの種のコードを思いつきました。この例ではプロトタイプを使用しています。

これはうまく機能しますが、たとえば link_to_function を使用するときのように、プロトタイプと scriptaculous ヘルパーの助けを借りて、これらの ajax イベントの「トリガー」を記述できればと思います。

それを行う方法はありますか、それともプロトタイプまたはjqueryのいずれかで、javascriptでajaxイベントの「トリガー」を直接記述することになっていますか?

よろしくお願いします、

フィリップ・ラング

0 投票する
4 に答える
2146 参照

ruby-on-rails - Rails3UJSドライクライアント+サーバーサイドフォームの検証

jQueryを使用したフォームの検証は、フィールドにクラス名を追加するのと同じくらい簡単です。レールを使用したフォームの検証は、コントローラー(および/またはモデル)に条件を設定するのと同じくらい簡単です。

検証を一度記述して、クライアント側とサーバー側の両方に適用する方法があるはずだと思います。私はいつも自分のJavaScriptを書くのが好きですが、rails3を使用すると、UJSがこれを実現できれば、ここで十分に価値があるかもしれません。

ありがとう!!

0 投票する
11 に答える
12741 参照

jquery - Rails 3 UJS - コントローラーが link_to :remote によって 2 回呼び出される

JQuery が link_to メソッドに対して 2 つの AJAX リクエストを作成しているという奇妙な問題があります。UJS 用の JQuery を使用して Rails 3 アプリを開発しています。「フォロー」と「フォロー解除」を切り替えるトグル リンクがあります。

私のリンクは次のようにレンダリングされます。

私のコントローラーは次のようにセットアップされています:

最終的に js を次のようにレンダリングします。

これは本質的に、'<span id="follow_link">...</span> の html コンテンツを同じ URL に置き換え、テキストが異なるだけです。たとえば、上記は次のようにレンダリングされます。

ただし、これにより、何らかの理由で JQuery が 2 つの AJAX リクエストを作成することになります。

ここで何が悪いのか誰にもわかりますか?

最新のjquery-ujsファイルをアプリにコピーする「jquery-rails」gemを使用しています。JQuery のバージョンは 1.4.3 です