slick.jsにて、slick-currentを動かし、午前0時にfadeがかかるようにしたいです。
いわゆる、ラジオ局のタイムテーブルシステムをPHPで作っています。
月曜日から日曜日までの各タイムテーブルを作り、まずは月曜なら月曜のテーブル、火曜なら火曜のテーブルと、午前0時に切り替えたいのですが、試しにeq(4)にて、まずはクラス名のslick-currentをremoveClass、eq().addClassにて移動させましたが、どうしてもopacityとz-indexの数値が変えわらずに困っています。(表示されているテーブルはopacity:1; z-index:999;)
エラーメッセージ 特にありません ### 該当のソースコード $(function(){ $('.slick-slide').attr('tabindex','-1'); $('.slick-slide').attr('aria-hidden','true'); $('.slick-slide').attr('style','opacity:0'); $('.slick-slide').attr('style','z-index:998'); $('.slick-slide').removeClass('slick-slider'); $('.slick-slide').removeClass('slick-initialized'); $('.slick-slide').removeClass('slick-current'); $('.slick-slide').removeClass('slick-active'); $('.slick-slide').eq(4).addClass('slick-current'); $('.slick-slide').eq(4).addClass('slick-active'); $('.slick-slide').eq(4).addClass('slick-initialized'); $('.slick-slide').eq(4).addClass('slick-slider'); $('.slick-slide').eq(4).attr('tabindex','0'); $('.slick-slidet').eq(4).attr('aria-hidden','false'); $('.slick-slide').eq(4).attr('style','opacity:1'); $('.slick-slide').eq(4).attr('style','z-index:999'); }); <script> $('.slider').slick({ fade: true, autoplaySpeed:86400000, autoplay: true, }); </script> ```ここに言語名を入力 PHP jQuery html css ソースコード
試したこと
上記コードのように、貸与されているクラス名全てにattr、removeClass、addClassなどのススリプトを書きました。
aria-hiddenと、style以外はうまくいってます。
opacityとz-indexが変わらず、aria-hiddenもそのままです。
補足情報(FW/ツールのバージョンなど)
PHP7.2