回答編集履歴

4

解説文の修正

2015/11/25 02:59

投稿

blackonyx
blackonyx

スコア354

test CHANGED
@@ -1,4 +1,4 @@
1
- ```javascrit
1
+ ```javascript
2
2
 
3
3
  $('#search').click(function () {
4
4
 
@@ -8,7 +8,7 @@
8
8
 
9
9
  ```
10
10
 
11
- 上記を見る限り、後からloadされた$('.showdialog')には、ダイアログをopenするクリックイベントが登録されていないように思われます。
11
+ 上記を見る限り、後からloadされた<a class='showdialog'></a>には、ダイアログをopenするクリックイベントが登録されていないように思われます。
12
12
 
13
13
 
14
14
 

3

コードを整形 その2

2015/11/25 02:59

投稿

blackonyx
blackonyx

スコア354

test CHANGED
@@ -1,4 +1,4 @@
1
- ```javascri
1
+ ```javascrit
2
2
 
3
3
  $('#search').click(function () {
4
4
 

2

コードを整形

2015/11/25 02:53

投稿

blackonyx
blackonyx

スコア354

test CHANGED
@@ -1,10 +1,10 @@
1
- ```javascript
1
+ ```javascri
2
2
 
3
- $('#search').click(function () {
3
+ $('#search').click(function () {
4
4
 
5
- $('#result').load('/hoge/hoge',);
5
+ $('#result').load('/hoge/hoge',);
6
6
 
7
- });
7
+ });
8
8
 
9
9
  ```
10
10
 
@@ -16,13 +16,11 @@
16
16
 
17
17
  ```javascript
18
18
 
19
- $(document).on('click', '.showdialog', function () {
19
+ $(document).on('click', '.showdialog', function () {
20
20
 
21
- $('#showDialogDef').dialog('open');
21
+ $('#showDialogDef').dialog('open');
22
22
 
23
- });
23
+ });
24
-
25
-
26
24
 
27
25
  ```
28
26
 

1

改善案(コード)を追記

2015/11/25 02:52

投稿

blackonyx
blackonyx

スコア354

test CHANGED
@@ -9,3 +9,23 @@
9
9
  ```
10
10
 
11
11
  上記を見る限り、後からloadされた$('.showdialog')には、ダイアログをopenするクリックイベントが登録されていないように思われます。
12
+
13
+
14
+
15
+ なので、ダイアログ表示のクリックイベント登録は、click()ではなく
16
+
17
+ ```javascript
18
+
19
+ $(document).on('click', '.showdialog', function () {
20
+
21
+ $('#showDialogDef').dialog('open');
22
+
23
+ });
24
+
25
+
26
+
27
+ ```
28
+
29
+ というように将来追加される要素にも対応するようにするのはいかがでしょうか?
30
+
31
+