質問編集履歴

1

質問内容の修正

2020/05/03 14:36

投稿

zenobread
zenobread

スコア44

test CHANGED
@@ -1 +1 @@
1
- [jquery->slick.js] dotsのサムネクリック->フリックしてもdotsについているactive-selfクラスれない
1
+ [jquery->slick.js]androidでremoveClass行ってもcss更新されない
test CHANGED
@@ -36,14 +36,30 @@
36
36
 
37
37
 
38
38
 
39
- ##質問したいこと
39
+ ##質問したいこと(修正)
40
40
 
41
- 大変申し訳ないのですが、**諸事情でソースコードを上げることが出来ません。**
42
-
43
- ですで「ソースコードを挙げて」というようなことにお答えすることが出来ないです。
41
+ 色々試してみましたが以下部分が原因のようです。
44
-
45
- 質問する側ですのに大変申し訳ありません。それ以外のコメントについてはお答えしたい思いますので、少しでも気になったことはいくらでもコメントください
46
42
 
47
43
 
48
44
 
45
+ 以下のコードを実行しているにもかかわらず、cssが更新されない
46
+
49
- よろしくお願いします
47
+ ```javascript
48
+
49
+ allSlides = _.$slider
50
+
51
+ .find('.slick-slide')
52
+
53
+ .removeClass('slick-active slick-center slick-current')
54
+
55
+ .attr('aria-hidden', 'true');
56
+
57
+ ```
58
+
59
+ androidでこのコードを実行すると、該当のセレクタからremoveClassでクラスが消えているにもかかわらず、slick-activeのみ適用されたままになる
60
+
61
+ ただし、PC->検証モード->デバイスモードでも同じ現象は発生しますが、ページ上の検索対象となる要素の選択(Ctrl+Shift+C)をしてカーソルをslick-activeが適用されたままになっているものに合わせると、cssが更新され正しい状態になる
62
+
63
+
64
+
65
+ つまりは「**androidはPCと比べてjqueryやcssの実行タイミング・更新タイミングが違うのか**」ということになります