回答編集履歴

2

微調整

2018/02/08 08:52

投稿

yambejp
yambejp

スコア114572

test CHANGED
@@ -60,7 +60,7 @@
60
60
 
61
61
  console.log('chika');
62
62
 
63
- return d.resolve();
63
+ d.resolve();
64
64
 
65
65
  },2000);
66
66
 
@@ -70,7 +70,7 @@
70
70
 
71
71
  console.log('fuwa');
72
72
 
73
- return d.resolve();
73
+ d.resolve();
74
74
 
75
75
  },2000);
76
76
 
@@ -119,3 +119,5 @@
119
119
  </div>
120
120
 
121
121
  ```
122
+
123
+ ※微調整しました

1

追記

2018/02/08 08:52

投稿

yambejp
yambejp

スコア114572

test CHANGED
@@ -23,3 +23,99 @@
23
23
  });
24
24
 
25
25
  ```
26
+
27
+
28
+
29
+ # 追記
30
+
31
+ 実行を押したら、処理が返ってくるまで実行を押せず
32
+
33
+ チェックボックスも変更できないようにする
34
+
35
+ (opacityをいじっているのはdisabledっぽく見せるため)
36
+
37
+
38
+
39
+ ```javascript
40
+
41
+ $(function(){
42
+
43
+ $('.osu').on('click',function(e){
44
+
45
+ if($(this).css("opacity")==0.5){
46
+
47
+ return false;
48
+
49
+ }
50
+
51
+ var d=$.Deferred();
52
+
53
+ $(this).css("opacity",0.5);
54
+
55
+ $('[name="checkbox_on[]"]').prop('disabled',true);
56
+
57
+ if($('[name="checkbox_on[]"]').prop('checked')==false){
58
+
59
+ setTimeout(function(){
60
+
61
+ console.log('chika');
62
+
63
+ return d.resolve();
64
+
65
+ },2000);
66
+
67
+ }else{
68
+
69
+ setTimeout(function(){
70
+
71
+ console.log('fuwa');
72
+
73
+ return d.resolve();
74
+
75
+ },2000);
76
+
77
+ }
78
+
79
+ $.when(d).done(function(){
80
+
81
+ $('[name="checkbox_on[]"]').prop('disabled',false);
82
+
83
+ $('.osu').css("opacity",1);
84
+
85
+ });
86
+
87
+ });
88
+
89
+ });
90
+
91
+ ```
92
+
93
+ ```HTML
94
+
95
+ <div class="osu">実行</div>
96
+
97
+ <div class="changeterm pika1">
98
+
99
+ <num>1回目</num>
100
+
101
+ </div>
102
+
103
+ <div class="changeterm pika2">
104
+
105
+ <num>2回目</num>
106
+
107
+ </div>
108
+
109
+
110
+
111
+ <div class="docchi" data-required="no" data-type="radio">
112
+
113
+ <label class="checkbox-block">
114
+
115
+ <input class="checkbox_on" name="checkbox_on[]" value="on" type="checkbox">
116
+
117
+ </label>
118
+
119
+ </div>
120
+
121
+ ```