質問編集履歴

4

微調整

2022/03/18 07:27

投稿

Mania
Mania

スコア48

test CHANGED
File without changes
test CHANGED
@@ -52,3 +52,7 @@
52
52
  </script>
53
53
  ```
54
54
 
55
+ 当方、WEB系の企画制作の担当で、HTML・CSSは分かるのですが、
56
+ Javascriptには詳しくないので、やさしく教えてもらえると助かります。
57
+
58
+

3

微修正

2022/03/18 07:11

投稿

Mania
Mania

スコア48

test CHANGED
File without changes
test CHANGED
@@ -40,7 +40,7 @@
40
40
 
41
41
  現状、上記のように記述しています。
42
42
  下記のようにした場合、マウスホバー後にsetTimeoutしてしまいます。
43
- できれば、0.3秒ほどマウスホバーしてから、動作を開始してほしいのです。
43
+ できれば、0.3秒ほどマウスホバーした場合に、動作を開始してほしいのです。
44
44
  ```
45
45
  <script>
46
46
  // 上記にsetTimeoutを追加してみたが、駄目でした。

2

コードの修正

2022/03/18 07:06

投稿

Mania
Mania

スコア48

test CHANGED
File without changes
test CHANGED
@@ -29,9 +29,9 @@
29
29
 
30
30
  <script>
31
31
  // 指定のスライドに移動
32
- $('.slick-GoTo-0').on('click mouseenter', function() {
32
+ $('.slick-GoTo-0').on('click mouseenter', function() { $('.slider').slick('slickGoTo', 0, false); });
33
- $('.slider').slick('slickGoTo', 0, false);
33
+ $('.slick-GoTo-1').on('click mouseenter', function() { $('.slider').slick('slickGoTo', 1, false); });
34
- });
34
+ $('.slick-GoTo-2').on('click mouseenter', function() { $('.slider').slick('slickGoTo', 2, false); });
35
35
  </script>
36
36
 
37
37
  ```

1

コードの修正

2022/03/18 07:03

投稿

Mania
Mania

スコア48

test CHANGED
File without changes
test CHANGED
@@ -9,7 +9,7 @@
9
9
  トヨタ公式サイトですと、かなり精密に素早く反応しているのです。
10
10
  https://toyota.jp/index.html
11
11
 
12
-
12
+ ```
13
13
  <div id="header-mega-menu">
14
14
  <div class="mega-menu-content">
15
15
  <div class="mega-menu-content-item">
@@ -34,12 +34,14 @@
34
34
  });
35
35
  </script>
36
36
 
37
+ ```
38
+
37
39
 
38
40
 
39
41
  現状、上記のように記述しています。
40
42
  下記のようにした場合、マウスホバー後にsetTimeoutしてしまいます。
41
43
  できれば、0.3秒ほどマウスホバーしてから、動作を開始してほしいのです。
42
-
44
+ ```
43
45
  <script>
44
46
  // 上記にsetTimeoutを追加してみたが、駄目でした。
45
47
  $('.slick-GoTo-0').on('click mouseenter', function() {
@@ -48,3 +50,5 @@
48
50
  },300);
49
51
  });
50
52
  </script>
53
+ ```
54
+