質問編集履歴
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -110,4 +110,26 @@
|
|
|
110
110
|
color: white;
|
|
111
111
|
cursor: default;
|
|
112
112
|
}
|
|
113
|
-
```
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
追記
|
|
116
|
+
---
|
|
117
|
+
disabled状態の要素にイベントを組み込めないことを知りませんでしたので、大変勉強になりました。
|
|
118
|
+
ありがとうございました。
|
|
119
|
+
|
|
120
|
+
「押したボタンがdisabledでなければイベントを発火」は、実装することは可能でしょうか。
|
|
121
|
+
「ボタン群にリップルエフェクト施し、disabled時はリップルエフェクトを適用しない」という機能にしたいです。
|
|
122
|
+
下記サンプルは冒頭のサンプルのボタンにリップルエフェクトを施したものです。
|
|
123
|
+
アラートは削除しました。
|
|
124
|
+
|
|
125
|
+
[サンプル2](https://jsbin.com/deqihahexa/1/edit?js,output)
|
|
126
|
+
|
|
127
|
+
ただし上記サンプルのJavaScriptの最後に下記のコードを記述したのですが、機能しませんでした。
|
|
128
|
+
```javascript
|
|
129
|
+
$(".buttons").click(function () {
|
|
130
|
+
if (!$(this).prop("disabled")) { // 押したボタンがdisabledでなければ発火
|
|
131
|
+
$(".buttons").ripple(); // .ripple()メソッドで指定したセレクタにリップルエフェクト適用
|
|
132
|
+
};
|
|
133
|
+
});
|
|
134
|
+
```
|
|
135
|
+
上記コードはdisabled状態のボタンにイベントを組み込ませているわけではない、という認識なのですが、みなさまがご回答いただきました意味と同義なのでしょうか。
|
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
ボタンを押すと各ボタン名のアラートが出ます。
|
|
7
7
|
チェックボックスはチェックをすると赤色になり、ボタン群下のdisabledボタンを押すと、チェックボックスそれぞれがdisabledになり灰色になります。
|
|
8
8
|
|
|
9
|
-
実現したことをサンプルにおいて言えば、disabled状態のチェックボックスを押した場合、アラートでdisabledを表示したいです。
|
|
9
|
+
実現したいことをサンプルにおいて言えば、disabled状態のチェックボックスを押した場合、アラートでdisabledを表示したいです。
|
|
10
10
|
|
|
11
11
|
ソースコード
|
|
12
12
|
---
|