問題タブ [drupal-behaviors]

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

ajax - Drupal.attachBehaviors が返された ajax フォームに影響しない

私は Drupal 7 に取り組んでいます。フォームはこのように構築されています。

そして、新しいコメントを追加する ajax コールバック関数

ここに、新しく作成されたコメントを Div (ajax) にロードする私の Javascript があります。

ビューのコンテンツを jQuery コールバックに返す hook_menu

テンプレートファイルを表示し、内部に新しいフォームも返します

返されたビュー コンテンツは、Javascript の Drupal.attachBehaviors で適切にレンダリングされ、返されたビュー コンテンツの他のすべての効果も適切に機能します。フォーム送信 ajax を除いて。

誰でも助けてくれますか?attachBehaviors は return ajax フォームでは機能しません。

本当にありがとう!

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

drupal-7 - Drupal 7:Drupal.behaviorsが実行されていません

作成しているタッチポイントと呼ばれるカスタムモジュールがあります。touchpoints.moduleファイルの先頭に次のものがあります。

次に、touchpoints.jsファイルに次のように表示されます。

$(document).ready呼び出しと同様に、DOMの読み込みが完了すると、Drupal.behaviors呼び出し内のすべてが実行されるはずだと私は理解しています。ただし、このコードは実行されていません。念のため、関数にもアラートを入れましたが、トリガーされていませんでした。私が見逃しているステップはありますか?

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

javascript - Ajax コンテンツのロード後に jQuery を使用する

ページに ajax コンテンツが追加された後に読み込まれる DOM 要素に効果を実装するのに問題があります。以下のコードに示されているアイテムの数を出力する console.log は 0 を出力しますが、console.log($('.user-alert').length);on firebug を実行すると 2 が出力されますが、これはページに 2 つの要素が取り込まれているため正しい値です。

これが私のコードです:

ターゲットにしようとしているhtmlは次のとおりです。

これは ajax です。また、このコードは寄贈された Drupal モジュールからのものであり、変更しないでください。

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

jquery - Drupal 7 の動作が機能しない

Drupal のビヘイビアーがログインしているユーザーでは機能するように見えるが、ビヘイビアーがsubmit().

たとえば、これは機能しません。

これは機能します。

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

javascript - ドロップダウンリストを操作するときのjqueryの前の問題

これはここでの私の最初の質問なので、より良い質問をするための方向性は高く評価されています。:-)

Drupal の動作と jquery を使用して、長い形式のナビゲーションをセットアップしています。(フォームはエンティティフォームを使用して作成されます)

ユーザーが 1 つの「ページ」から別のページに移動するために使用できる 3 つのドロップダウン (上部に 1 つ、サイド バーに 1 つ、フォームの下に 1 つ) があります。下部のドロップダウンには、前へと次へのボタンも含まれています。

私の問題は、すべての一番下のドロップダウンと前と次のボタンが正しく機能していないことです。問題は次のとおりです。

  • 下部のドロップダウン リストから要素を選択しても、コンテンツは変更されません (クラスの追加と削除hidden)。トップとサイドのドロップバーが機能します
  • [次へ] をクリックすると、次のページに移動します。ただし、[前へ] をクリックすると最初のページに移動し、[次へ] ボタンも機能しなくなります。

JSfiddleを作成しようとしました。正しい HTML マークアップが含まれていますが、JS を機能させることができません。おそらく、drupal の動作用に作成されたためです。ライブバージョンはここにあります。prev() と next() の代わりに、prevAll() と nextAll() を試してみましたが、改善されませんでした。そして、他のドロップダウンが機能しているときに下部のドロップダウンが機能しない理由について、私はかなり迷っています。

HTML マークアップ

ページの読み込み時に一度実行して開始条件を設定するjquery

ドロップダウンイベントの変更に関するjquery

クリックされたボタンのjquery

事前に助けてくれてありがとう!