質問編集履歴
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -223,3 +223,47 @@
|
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
```
|
|
226
|
+
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
追記
|
|
230
|
+
|
|
231
|
+
---
|
|
232
|
+
|
|
233
|
+
disabled状態の要素にイベントを組み込めないことを知りませんでしたので、大変勉強になりました。
|
|
234
|
+
|
|
235
|
+
ありがとうございました。
|
|
236
|
+
|
|
237
|
+
|
|
238
|
+
|
|
239
|
+
「押したボタンがdisabledでなければイベントを発火」は、実装することは可能でしょうか。
|
|
240
|
+
|
|
241
|
+
「ボタン群にリップルエフェクト施し、disabled時はリップルエフェクトを適用しない」という機能にしたいです。
|
|
242
|
+
|
|
243
|
+
下記サンプルは冒頭のサンプルのボタンにリップルエフェクトを施したものです。
|
|
244
|
+
|
|
245
|
+
アラートは削除しました。
|
|
246
|
+
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
[サンプル2](https://jsbin.com/deqihahexa/1/edit?js,output)
|
|
250
|
+
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+
ただし上記サンプルのJavaScriptの最後に下記のコードを記述したのですが、機能しませんでした。
|
|
254
|
+
|
|
255
|
+
```javascript
|
|
256
|
+
|
|
257
|
+
$(".buttons").click(function () {
|
|
258
|
+
|
|
259
|
+
if (!$(this).prop("disabled")) { // 押したボタンがdisabledでなければ発火
|
|
260
|
+
|
|
261
|
+
$(".buttons").ripple(); // .ripple()メソッドで指定したセレクタにリップルエフェクト適用
|
|
262
|
+
|
|
263
|
+
};
|
|
264
|
+
|
|
265
|
+
});
|
|
266
|
+
|
|
267
|
+
```
|
|
268
|
+
|
|
269
|
+
上記コードはdisabled状態のボタンにイベントを組み込ませているわけではない、という認識なのですが、みなさまがご回答いただきました意味と同義なのでしょうか。
|
1
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
実現したことをサンプルにおいて言えば、disabled状態のチェックボックスを押した場合、アラートでdisabledを表示したいです。
|
|
17
|
+
実現したいことをサンプルにおいて言えば、disabled状態のチェックボックスを押した場合、アラートでdisabledを表示したいです。
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|