teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

コードの修正

2017/11/02 02:51

投稿

rnosh
rnosh

スコア171

answer CHANGED
@@ -5,17 +5,24 @@
5
5
  その後のfunction内if文突入時のbackground-colorは100%「#abfeb6」です。
6
6
  なのでこのif文は100%false判定しかされません。
7
7
 
8
- 以下解決方法です。
8
+ 他の方法もありますが、このままの記述でやりたいのだとすれば、以下解決方法です。
9
9
  ```
10
10
  $(function() {
11
+  var bgColor;
12
+  $('.elements').on('dblclick',function(){
13
+ $(this).css('background-color','#bbbbbb');
14
+   bgColor = $(this).css('background-color');
15
+  });
16
+
11
17
  $('.elements').hover(function() {
12
- var bgColor = $(this).css('background-color');
13
18
  $(this).css('background-color','#abfeb6');
14
19
  }, function() {
15
20
  if (bgColor == "rgb(187,187,187)" || $(this).css('background-color' == "hex(#bbbbbb)") {
16
21
  $(this).css('background-color', 'rgb(187,187,187)');
22
+ bgColor = $(this).css('background-color');
17
23
  } else {
18
24
  $(this).css('background-color','');
25
+ bgColor = $(this).css('background-color');
19
26
  }
20
27
  });
21
28
  });

1

ko-do

2017/11/02 02:51

投稿

rnosh
rnosh

スコア171

answer CHANGED
File without changes