Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 光滑旋转木马';初始';函数不';行不通_Javascript_Html_Jquery_Web_Slick.js - Fatal编程技术网

Javascript 光滑旋转木马';初始';函数不';行不通

Javascript 光滑旋转木马';初始';函数不';行不通,javascript,html,jquery,web,slick.js,Javascript,Html,Jquery,Web,Slick.js,我最近使用了slick slider,但我需要在slick carousel初始化之后添加一个脚本 我已尝试了以下代码 演示代码笔: 在滑块完全加载后如何运行脚本,有什么想法吗 //Slick Slider $('.slider-container').slick({ infinite: true, slidesToShow: 6, slidesToScroll: 6 }); $('.slider-container').

我最近使用了slick slider,但我需要在slick carousel初始化之后添加一个脚本
我已尝试了以下代码
演示代码笔:
在滑块完全加载后如何运行脚本,有什么想法吗

//Slick Slider    
$('.slider-container').slick({
      infinite: true,
      slidesToShow: 6,
      slidesToScroll: 6
    });
    

    $('.slider-container').on('init', function (event, slick) {
      alert('test');
      $('.test').css('background-color', 'red'); //RUN the script after slick slider have load completly.
    });

有人知道吗?或者任何人都可以推荐一个好的性能,并可以为我完全定制旋转木马?

在初始化滑动条之前,需要放置好您的听众。否则,将永远不会调用侦听器,因为您已要求它在事件运行后进行侦听。也就是说,当您初始化slick滑块时,您的侦听器当前未绑定

// Bind init event listener function
$('.slider-container').on('init', function (event, slick) {

     code here...

});

// Init your slick slider
$('.slider-container').slick({

     other code here...

});

应该如上所述。

这是您的代码笔和应用的解决方案:您好,但像这样,图像尚未加载,我无法获得旋转木马的高度。我的回答回答了您最初的问题,您没有提到需要图像高度。如果这是您的主要目标,那么在为图像启动
onload
时,您可以更好地为图像添加事件侦听器并调用所需的函数。或者,当文档本身已加载时。