質問編集履歴
3
質問文をupdateしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
###前提・実現したいこと
|
|
2
|
-
HTMLでWeb
|
|
2
|
+
HTMLでWebアプリを作っているものです。(趣味です)
|
|
3
|
+
|
|
4
|
+
詳細URL
|
|
5
|
+
github URL = https://github.com/Minemichi/yomita
|
|
6
|
+
アプリURL = https://test-yomita.herokuapp.com/
|
|
7
|
+
|
|
8
|
+
動的にhtmlを書き換えると本来のjQueryのセレクタ$('#test img')などが働かないように感じます。解決方法を知っている方がいれば教えていただけませんか。
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
やりたいことの最終目標としては、
|
|
3
12
|
画像にhoverあるいはmouseoverした時にクリックせずに、その画像のsrc要素を取得したいです。どなたか詳しい方いれば、教えてください。お願いします。
|
|
4
13
|
|
|
5
14
|
###発生している問題・エラーメッセージ
|
2
add append()
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,13 +9,15 @@
|
|
|
9
9
|
###該当のソースコード
|
|
10
10
|
```
|
|
11
11
|
<div id="test">
|
|
12
|
-
<img src="123.jpg">
|
|
13
|
-
<img src="345.jpg">
|
|
14
12
|
</div>
|
|
15
13
|
|
|
16
14
|
<javascript>
|
|
17
|
-
|
|
15
|
+
$(window).load(function(){
|
|
18
|
-
|
|
16
|
+
$('#test').append('<img src="123">');
|
|
19
17
|
});
|
|
18
|
+
|
|
19
|
+
$('#test img').mouseover(function(){
|
|
20
|
+
var src = $(this).attr('src');
|
|
21
|
+
});
|
|
20
22
|
</javascript>
|
|
21
23
|
```
|
1
コード化しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
###該当のソースコード
|
|
10
|
+
```
|
|
10
11
|
<div id="test">
|
|
11
12
|
<img src="123.jpg">
|
|
12
13
|
<img src="345.jpg">
|
|
@@ -16,4 +17,5 @@
|
|
|
16
17
|
$('#test').mouseover(function(){
|
|
17
18
|
var src = $(this).event.target.src;
|
|
18
19
|
});
|
|
19
|
-
</javascript>
|
|
20
|
+
</javascript>
|
|
21
|
+
```
|