turbolinks:load 効かない

表題の件ですが、トップページに設置しているカルーセルスライダーのslickが、戻るやページ移動すると動きません。
更新では動きます。
原因は、以下のJSが反応していないことにあります。
turbolinks:loadにしてるはずなのに、ページ移動や戻るでは、反応しないです。

js
1
2$(document).on('turbolinks:load', function(){
3  $("#slider_js").not('.slick-initialized').slick({
4    infinite: true,
5    dots: true,
6    autoplay: true,
7    autoplaySpeed: 5000,
8    accessibility: true,
9    centerMode: true,
10    centerPadding: '7%'
11  });
12});
13

slim
1/ slideshow
2= javascript_pack_tag "slide.js"
3= javascript_pack_tag "slick.js"
4link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" charset="utf-8"
5
6script src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"
7
8#slider_js
9  = link_to tables_path do
10    = image_tag "slideshow/slideshow__5.jpg", class: "slick__child"
11  = link_to publics_path do
12    = image_tag "slideshow/slideshow__3.jpg", class: "slick__child"
13  = link_to statuses_path do
14    = image_tag "slideshow/slideshow__rich.jpg" class: "slick__child"
15  = link_to miles_path do
16    = image_tag "slideshow/slideshow__1.jpg", class: "slick__child"
17  = link_to businesses_path do
18    = image_tag "slideshow/slideshow__2.jpg", class: "slick__child"
19