回答編集履歴

2

さらに追記

2017/03/21 08:21

投稿

yambejp
yambejp

スコア114583

test CHANGED
@@ -48,4 +48,70 @@
48
48
 
49
49
 
50
50
 
51
+ # さらに
51
52
 
53
+
54
+
55
+ ```javascript
56
+
57
+ <script>
58
+
59
+ $(function(){
60
+
61
+ $('#add').on('click',function(){
62
+
63
+ $('#myUL').append($('<li>'));
64
+
65
+ });
66
+
67
+ $('#del').on('click',function(){
68
+
69
+ $('#myUL li:last-child').remove();
70
+
71
+ });
72
+
73
+ });
74
+
75
+ $(function(){
76
+
77
+ var myLen=$('#myUL li').length;
78
+
79
+ setInterval(function(){
80
+
81
+ if($('#myUL li').length > myLen){
82
+
83
+ alert('test!');
84
+
85
+ }
86
+
87
+ myLen=$('#myUL li').length;
88
+
89
+ },0);
90
+
91
+ });
92
+
93
+ </script>
94
+
95
+
96
+
97
+ <input type="button" value="add" id="add">
98
+
99
+ <input type="button" value="del" id="del"><br>
100
+
101
+ <ul id="myUL">
102
+
103
+ <li>test</li>
104
+
105
+ </ul>
106
+
107
+
108
+
109
+ ```
110
+
111
+ あまりお勧めしませんが、#myULの子要素の数を数え続けて
112
+
113
+ 変更があったときに実行するという処理もあります。
114
+
115
+ 今回の場合不等号でチェックして追加時のみ発火させていますが
116
+
117
+ 変化があったら常に実行する場合は!=などで対応してください

1

追記

2017/03/21 08:21

投稿

yambejp
yambejp

スコア114583

test CHANGED
@@ -1,3 +1,51 @@
1
1
  liを追加する事自体がjQueryに依存しているのであれば
2
2
 
3
3
  その箇所に関数を実行する行を追記しておけばよいのでは?
4
+
5
+
6
+
7
+ # 追記
8
+
9
+ 特定のトリガーで発火するなら、それと同じトリガーで処理を追加しておけばよいのでは?
10
+
11
+ ```javascript
12
+
13
+ <script>
14
+
15
+ $(function(){
16
+
17
+ $('#btn').on('click',function(){
18
+
19
+ $('#myUL').append($('<li>'));
20
+
21
+ });
22
+
23
+ $(document).on('click','#btn',function(){
24
+
25
+ alert('test!');
26
+
27
+ });
28
+
29
+ });
30
+
31
+ </script>
32
+
33
+
34
+
35
+ <input type="button" value="add" id="btn"><br>
36
+
37
+ <ul id="myUL">
38
+
39
+ <li>test</li>
40
+
41
+ </ul>
42
+
43
+
44
+
45
+ ```
46
+
47
+ 前者が元から設定されていれば、後者を追記する
48
+
49
+
50
+
51
+