質問編集履歴
2
あ
test
CHANGED
File without changes
|
test
CHANGED
@@ -3,38 +3,38 @@
|
|
3
3
|
変更が完了しました!とアラートを表示する機能を実装したいのですが、
|
4
4
|
showbalde.phpを表示したら、
|
5
5
|
検証ツールで
|
6
|
-
|
6
|
+
Uncaught ReferenceError: observer is not defined
|
7
|
-
at
|
7
|
+
at window.onload (
|
8
8
|
とエラーが表示される状態です。
|
9
|
-
翻訳をかけたら、
|
10
|
-
observe'の実行に失敗しました、パラメーター1はタイプNodeではありません。
|
11
|
-
|
9
|
+
observerが定義されていない?
|
10
|
+
```
|
12
|
-
observe
|
11
|
+
observer.observe(elem, config);
|
13
|
-
|
12
|
+
```
|
14
|
-
|
13
|
+
の行の記述がおかしいのでしょうか?
|
15
|
-
と予測していますが、具体的な解決法がわからない状態です。
|
16
14
|
|
17
15
|
記述内容
|
18
16
|
```show.balde.php
|
19
17
|
〜省略〜
|
20
18
|
<script>
|
19
|
+
window.onload = function() {
|
20
|
+
// 変更を監視するノードを選択
|
21
|
+
const element = document.getElementById('name');
|
22
|
+
|
23
|
+
// オブザーバーの設定
|
24
|
+
const config = {
|
25
|
+
attributes: true, //属性の変化を監視
|
26
|
+
childList: true, //子要素リストの変化を監視
|
27
|
+
characterData: true, //文字データの変化を監視
|
28
|
+
characterDataOldValue: true, //変更前の文字データを使用
|
29
|
+
};
|
30
|
+
// MutationObserverでDOMの変更時にコールバック関数を実行する
|
21
|
-
|
31
|
+
const mo = new MutationObserver(function() {
|
22
|
-
/
|
32
|
+
//実行する処理
|
23
33
|
alert('変更が完了しました');
|
24
34
|
});
|
25
|
-
|
26
|
-
//名前を監視
|
27
|
-
const elem = document.getElementById('#name');
|
28
|
-
|
29
|
-
//監視
|
35
|
+
//監視をスタートする
|
30
|
-
const config = {
|
31
|
-
attributes: true,
|
32
|
-
childList: true,
|
33
|
-
characterData: true,
|
34
|
-
|
36
|
+
observer.observe(element, config);
|
35
37
|
};
|
36
|
-
//名前と監視の内容で監視をスタートする
|
37
|
-
observer.observe(elem, config);
|
38
38
|
</script>
|
39
39
|
〜省略〜
|
40
40
|
<div>
|
1
文章訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -6,6 +6,14 @@
|
|
6
6
|
member:56 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
|
7
7
|
at m
|
8
8
|
とエラーが表示される状態です。
|
9
|
+
翻訳をかけたら、
|
10
|
+
observe'の実行に失敗しました、パラメーター1はタイプNodeではありません。
|
11
|
+
と表示されるのですが、
|
12
|
+
observe=監視をスタートするの内容を実行できない。
|
13
|
+
パラメーター1はタイプNodeではありません。=パラメータのタイプ={{ Auth::user()->name }}
|
14
|
+
を監視しているので、そこでエラーが表示されているのかな?
|
15
|
+
と予測していますが、具体的な解決法がわからない状態です。
|
16
|
+
|
9
17
|
記述内容
|
10
18
|
```show.balde.php
|
11
19
|
〜省略〜
|