問題タブ [javascript-framework]

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

javascript - JSで別のメソッドからメソッドを呼び出す

私はJSの次のスニペットを持っています

ShipProductからNotifyを呼び出すにはどうすればよいですか?

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

javascript - JQueryでクリックされた要素を除くすべてのクラスを選択する方法は?

Drupal で開発した Web サイトがあります。collapsiblock というモジュール (基本的には JQuery プラグイン) を使用して、アコーディオンのような効果を実現します。私は問題なく動作しています(ベータ版ですが)。しかし、ユーザーがアコーディオンの 1 つの項目をクリックすると、他の項目が折りたたまれるように変更したいと考えています。

現在の統計では、ユーザーが 1 つのアイテムをクリックすると、アイテムが既に折りたたまれているか展開されているかを確認し、アイテムを反対にするように動作しています。つまり、ユーザーがあるアイテムをクリックすると展開され、別のアイテムをクリックすると展開されますが、以前にクリックしたアイテムは折りたたまれません。

以下のコードを見ることができます。折りたたむコードをどこに追加すればよいか、折りたたみと展開の方法はわかっています。私の質問は次のとおりです:ユーザーがクリックしたものを除いて、クラス「.collapsiblock」を持つすべてのアイテムを選択するにはどうすればよいですか??

注: クラス「.collapsiblockCollapsed」を持つアイテムは折りたたまれ、このクラスがアイテムから削除されると展開されます。

アップデート:

この問題は、次のコードを追加することで解決されました。

次の行のすぐ上:

0 投票する
6 に答える
78 参照

javascript - jQueryセレクターの問題?

メニューでマウスオーバーのホバー機能を使用しています。そのクラスを使用して特定の要素を選択しました。そのクラスのすべての要素ではなく、その要素のみに変更を加えるには、「this」を使用できます。しかし、そのクラス要素内のh3タグに変更を加えたいと思います。繰り返しますが、私がホバーしたものであり、そのクラス名を持つすべての要素ではありません。

'this'の後に>要素を使用しようとしましたが、機能しません。

それ、どうやったら出来るの?十分に説明できたと思います。コードの使用方法を理解していただければ幸いです。

すべての回答に感謝します。ありがとう

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

javascript - jQuery 内の Javascript で関数を定義する

私は独自のサイトで作業していますが、いくつか問題があります。私はプロトタイプと一緒にjQueryを使用しており、名前空間が適切に設定されているため、この質問では、jQueryへの名前空間参照として $ または jQ を使用できると想定しています。

だから私はたくさんの関数を持っています。いくつかはjQueryとjavascriptを混ぜたもの、いくつかは単純なjavascript、いくつかはjQueryのみです。現在、いくつかの関数は document.ready jQuery 関数内で定義されており、一部はその外部で定義されています。次のようなものです。

これはすべて疑似コードです。関数が有効で、有効なコードが含まれていると想定できます。最近、デバッグを行っていましたが、document.ready 内で宣言および呼び出された関数の 1 つが未定義であると言いました。document.ready の外に移動したところ、すべてが再び機能しました。

私は基本的に、関数がどのように開始/呼び出されるかの順序を理解しようとしています. それらがその document.ready only 内で呼び出されたときにのみ内部で宣言しますか? それとも、常にその document.ready の外でそれらを宣言する必要がありますか?

ありがとう。

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

java - JSObjectを使用してJavaからJavascript関数を呼び出す

JSObject を使用して Java から Javascript 関数を呼び出そうとしています。HTML テキスト フィールドを更新するには、Javascript 関数が必要です。このためには、要素 ID と値を知る必要があります。

私はこれを試しましたが、うまくいきません。Javascript からアクセスしようとすると、渡された値が空です。

私の質問は、Javascript からこれらの値にアクセスするにはどうすればよいですか? 私は何かが欠けているに違いない。

サイズ 1 のオブジェクトを宣言すると機能しますが、オブジェクト配列に 2 つの値を渡す必要があります。

前もって感謝します。

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

javascript - この JavaScript シーケンスで正確に何が起こるのでしょうか?

JavaScriptのニュアンスをより深く理解したいと思います。

以下の関数を使用します。

  • なぜ /g が必要なのですか?
  • 関数には正確に何が渡されますか?
  • これらの値はどこから来たのですか?

ありがとう!

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

javascript - View/PartialViewでjavascript名前空間を正しく使用する方法

私はしばらくMVCで遊んでいますが、私が取り組んでいるプロジェクトがその帆に風を吹き込み始めているので、ますます多くの人々がそれに追加されています。私は「ベストプラクティス」を見つけるためにハッキングを担当しているので、JavaScriptの誤用の可能性に特に注意し、ビューと部分ビューをうまく再生するための最良の方法を見つけたいと思います。 javascriptを使用します。

今のところ、次のようなコードがあります(たとえば、簡略化されているだけです)

ここでは、フォームを保存してサーバーに投稿していますが、チェックボックスがオンになっている場合は検証したくない入力を無効にします。

少しコンテキスト

  • Html.Resource*ビットは無視してください。これはリソース管理ヘルパーです。
  • SetContentAreaメソッドはajax呼び出しをラップし、GetHtmlDisplayはエリア、コントローラー、およびアクションに関するURLを解決します
  • サードパーティのライブラリの圧縮、縮小、提供を処理するcombresがインストールされており、再利用可能なjavascriptとして明確に識別されています。

私の問題は、他の誰かがDisableInputsForSubmit別のレベル(たとえば、マスターページまたは別のjavascriptファイル)で関数を定義すると、問題が発生する可能性があることです。

ウェブ上の多くのビデオ(jQueryの設計に関するResig 、またはjavascriptの良い部分についてのGoogleでの彼の講演のためのDouglas Crockford )は、ライブラリ/フレームワークでの名前空間の使用について話します。これまでのところ良いですが、この場合、それは少しやり過ぎに見えます。推奨される方法は何ですか?するべきか:

  • 名前空間内にフレームワーク全体を作成し、アプリケーションでグローバルに参照しますか?この方法のように小さなものには多くの作業が必要なようです
  • スケルトンフレームワークを作成し、ビュー/部分でローカルJavaScriptを使用して、使用状況に応じて、最終的にインラインJavaScriptの一部をフレームワークステータスにプロモートしますか?この場合、インラインJavaScriptを他のビュー/部分からきれいに分離するにはどうすればよいですか?
  • 問題が発生した場合でも、心配せずにUIテストに依存して問題を検出しますか?

実際のところ、私が書いた別のファイルにあるJSコードでさえ、あなたの答えから恩恵を受けると思います:)

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

dojo - Dojo で onclick イベントを使用してページを更新しましたが、ページを更新したくありません。

何らかの理由で、IE8 で onclick イベントの後にこの関数を実行すると、ページが更新されます。ページの更新が発生しないようにします。

0 投票する
0 に答える
352 参照

dialog - YUI 2 のより良いダイアログ シャドウ?

ここにトリッキーなものがあります: 「アンダーレイ」要素でデフォルトで実装されているブロック状の影の代わりに、ダイアログの周りに素敵な OS X スタイルの影がある YUI ダイアログ/パネルの実装を見た人はいますか?

こういう影

このタイプの影は、Amazon.com のポップアップ ウィンドウで見ることができます。かなりの量の PNG が必要ですが、見た目はとても良いです。

追加の DIV を挿入するか、.underlay 要素を置き換えて、ダイアログ サイズ イベントにフックして寸法を調整することを考えています。後者が必要になるのは、YUI がいくつかの CSS トリックを使用して、最新のブラウザーでのみ CSS を使用してアンダーレイ要素をダイアログの寸法に「スナップ」し、IE の手動寸法更新を使用するためです。

編集: YUI 3 を確認しました。パネル ウィジェットはまだ利用できません。コンテナのみで、まだベータ版です。だから私はYUI 2でこれを解決しようとしています.

PS: 追加のパディングとして、パネルのヘッ​​ダー、ボディ、フッター (hd、bd、ft) の一部として PNG シャドウを含めることができると思います。CSS ルールを使用して、YUI のアンダーレイを非表示にします。うーん、ドラッグ可能な領域の計算が変わるので、これを行う必要がなかったらいいのにと思います。それを行うのに最適な方法ではありません。

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

javascript - リアルタイムデータグラフ

Web ベースのリアルタイム データ グラフを作成したいと考えており、次のようなさまざまなオプションを検討しています。

  • Html5 キャンバス
  • Extjs などのグラフをサポートする JS ライブラリ

リアルタイムとは、Web サーバーをポーリングするクライアントが毎秒言うか、リバース ajax を使用するかのいずれかです。サーバーは、利用可能な場合にデータをクライアントにプッシュします。

おすすめを教えてください。