問題タブ [unobtrusive-javascript]

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 投票する
3 に答える
182 参照

javascript - 邪魔にならない JS の生成

私は目立たないJSとそれを生成する方法、およびそのすべてのジャズについてかなり読んだことがあります...

私の問題はこれです:私はに大きく依存しているウェブサイトを持っているmod_rewriteので、基本的にすべてのページリクエストが送信されindex.php、ページのメイン構造が生成され、適切なページが含まれます。現在、サイトにはさまざまなセクションがあり、各セクションではさまざまな Javascript 関数が使用されています (たとえば、さまざまな AJAX 要求に対して)。

onloadさて、ページごとに同じものを初期化する必要がないため、ページのに関数をアタッチしただけでは、明らかに機能しません...この状況を処理する最良の方法は何ですか?

状況が明確であることを願っています。必要に応じて喜んで明確にします

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

ssl - jQuery AJAX リクエスト (Rails 3) がリダイレクトされ、空のメッセージ本文が返されます (SSL のみ)!

次の方法で手動のjQuery AJAXリクエストを実行しようとしています:

「rails.js」ファイルがヘッダーに含まれており、「<%= csrf_meta_tag %>」があります。

ログから、リクエストがサーバーに到達していることがわかります (ただし、認証トークンがなくても... rails.js はこれを行いますか?)、応答は 200 ではなく 302 (検出) であり、実際にはデータは取得されません。レンダリングされます。

何か案は?

編集:最初のリクエストがリダイレクトされ、適切な部分がリダイレクトでレンダリングされることがわかりました。ただし、2 番目の応答の本文 (クライアント側) はまだ空です。jQuery は最初の応答を使用し、リダイレクト用にリスナーが設定されていないと推測しています。どうすればこれを回避できますか?

また、別の注意: リクエストを行っているページは HTTPS ページです。

これが私のログの内容です:

そのページの SSL 要件をオフにすると、機能することがわかりました。とはいえ、その理由はまだわかりません。だから私の質問は次のとおりだと思います:回避策は何ですか?

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

configuration - DOM 内のスクリプトのタグの位置を自己識別する方法は?

これを行うためのより良い方法があるかもしれませんが、現在、いくつかの構成可能なオプションを持つことができる、適切にカプセル化された JavaScript オブジェクトがあります。(Dreamweaver の「スニペット」を介して) ページに HTML コードのチャンクを含めます。ページの読み込み時に、JS ファイルが DOM を介して実行され、それらのコード チャンクのいずれかを特定の機能として識別し、先に進んでその機能を設定します。

ページに複数のオブジェクトを追加し、それらを構成可能にするまでは、これで問題ありません。ここで重要な点は、現在のセットアップでこれらのオブジェクトを好きなだけページに追加できるということです。これは、その時点では汎用的であり、「id」属性がないためです。

今、私はこれらのオブジェクトを設定したいので、「設定オブジェクトが見つかった場合、これらのオブジェクトがチェックして適用する設定を含む外部ファイルはどうですか」と考えました。これも問題なく動作しますが、設定データは少し「削除」されたように感じます。これは最終的に他の同僚にとって迷惑になると思います。これは覚えておくべきもう 1 つのことです。

したがって、私の質問に対して、ページの読み込み時に自己インスタンス化オブジェクトを引き続きトリガーするこれらのコード ブロックを挿入しても問題ありませんが、試してみたいのは、構成設定を含むスクリプト ブロックも挿入することです。親要素が構成のコンテキストであることを認識して、挿入されたコードブロックの手段が必要です。

コード例:

注:<div class="snippet">には、意図的に 'id' 属性がありません。これは、これらの複数をページにドロップできるようにするためです。

私のいくつかの制限に従う限り、他のソリューションを歓迎します!

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

javascript - Rails 3でujsを使用し、AJAX呼び出しなしで部分的にレンダリングする

ネストされたフォームと jQuery を使用して複数のファイルをアップロードする必要があります。そこで、link_to_function メソッドを使用してヘルパーを作成しました。

このコードは単純にリンクを作成し、このリンクが押されると、新しいファイル アップロードのネストされたフォームをレンダリングします。rails3 beta4 を使用している場合でも、驚くほど機能します (「link_to_function」が非推奨であることはわかっています)。

link_to_function または AJAX 呼び出しを使用せずに同じことを行うより良い方法はありますか?

前もって感謝します ;)

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

javascript - 外部サイトの目立たないモーダルウィンドウ

タイトルでごめんなさい.....私が本当に聞きたいことを言うのは少し難しいです。

一部のWebサイトでは、ユーザーが自分のサイトで使用するためにウィジェットをコピーして貼り付けることができます。たとえば、getsatisfaction。はい、ほとんどの人がさまざまな場所で見られることを願っているフィードバックアイコンです。

twitterfeedをご覧になると、左側にフィードバックアイコンが表示されます。クリックすると、素敵なモーダルウィンドウが表示されます。モーダルウィンドウのコンテンツは、外部ソースへのiframe内にあります。

私はこれが本当に好きですが、私の質問は次のとおりです。

モーダルウィンドウにjQueryライブラリを使用し、モーダルコンテンツを自分のページのサイトにリンクすることで同じことができますが、これが他のjavascriptファイルのサイトに邪魔にならないようにするにはどうすればよいですか?

たとえば、jsコードと関連するjqueryコードを使用していて、それを1つのファイルに縮小したとします。ユーザーが私のウィジェットを自分のサイトに追加します。彼らがjQueryを使用している場合、私のコードが彼らのコードに干渉しないようにするにはどうすればよいですか?

あまり人気のないモーダルウィンドウライブラリを使用するのが最善の方法でしょうか?

どうもありがとう。それが理にかなっていることを願っています!

編集:私は独自のモーダルウィンドウ機能コードを書くことができましたが、私はむしろそれをすでに行っているライブラリを使用したいと思います。

0 投票する
3 に答える
1707 参照

jquery - 邪魔にならない JavaScript を使用して要素を更新する

ご存じのとおり、Rails 2 から 3 にアップグレードするときは、次のように置き換えます。

これとともに:

しかし、link_to_remote の :update オプションをどのように扱うのでしょうか? Railscast #205では、 Ryan Batesが JavaScript コードを含むサーバー レスポンスを使用してページ内の特定の要素を更新する方法を示していますが、この方法は私には間違っているように思えますlink_to:remoteサーバーの応答を、簡単にテストでき、さまざまなページ (クライアント) でさまざまな方法で使用できる単純な HTML フラグメントにしたいと考えています。アクションをページ(ミニクライアント)に結び付けて一般的でなくなるため、サーバーが要求ページのターゲット要素のIDを知る必要はないと思います(純粋なHTMLよりも醜く感じます)応答)。

したがって、明確にするために、次のようなことを行う方法はありますか:

Rails 3 と UJS で?それとも、サーバーの HTML 応答を取得してページの適切な要素に挿入するために JavaScript を作成する必要がありますか?

後者の場合、最善のアプローチを説明してください (link_to:remoteオプションを使用できますか?)。

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

javascript - Rails 2.3.xでRails 3スタイルのUJSを取得するためのプラグイン/Gem?

Rails 2.3.8 を使用して安定性と gem の互換性を考慮して新しいアプリケーションを開始していますが、このアプリケーションに Rails 3 スタイルの UJS を実装することで、控えめな JavaScript を意識することから始めたいと考えています。この機能をバックポートする既存のプラグイン/gem はありますか?

現在、jrails gem を使用して jQuery を Prototype に置き換えています。これは、私たちのニーズにより適しているためです。Rails 2.3.xアプリケーションでjQueryをRails 3スタイルのUJSと統合する簡単な方法はありますか?

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

javascript - Javascript のベスト プラクティス - onclick と unobtrusive の比較

私たちのプロジェクトでは、現在次の問題があります。次のように、いくつかのクリックを要素ロックのリストにバインドする必要があります。

クリックする.listelementと、element-id などの特定のパラメータを持つ特定のアクションにリクエストが送信されます (-> module/action?id=1&something=something)。

リクエストを送信し、クリックとリクエストに関係するすべてのことを処理する汎用リクエスト クラスを作成したいのですが、目立たないクリックをクラスにバインドし.listelementて保存するのが良い方法かどうかわかりません。マークアップのどこかにあるアクションとパラメーターの情報、またはonclick="sendRequest(action, params)".

obstructive-onclick-solution の方がはるかに簡単に思えますが、それが良い解決策であるかどうかはわかりません。

どなたかご意見いただければ幸いです。

0 投票する
3 に答える
25529 参照

javascript - 外部JSファイルからのGoogleAnalytics非同期コードの使用

GoogleAnalyticsトラッキングコードの非同期バージョンをウェブサイトに追加しようとしています。

JavaScriptを別のファイルに保存し、そこから呼び出したいのですが。

これが私の.jsファイルに現在あるものです:

そして、これが<head>私のマスターページのタグにあるものです:

ただし、数日経っても統計が得られないため、明らかに問題があります。

私が変更する必要があるアイデアはありますか?

ありがとう、ニール


編集:わかりました...以下のフィードバックの後、.jsファイルの新しい現在の内容を追加します。これが解決された場合に、他の人が同じようなことをしようとしているときに役立つように、最新の状態に保ちます。

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

javascript - 控えめなjavascript/ajaxに関するガイド/チュートリアル

Googleは満足のいく結果を出していません。何か提案をいただければ幸いです。ありがとう。