Javascript slickGoTo线导致了一个未捕获的类型错误
我无法通过在下面添加滑头线来随机化滑头转盘()的第一张幻灯片 我发现以下Chrome控制台错误:Javascript slickGoTo线导致了一个未捕获的类型错误,javascript,jquery,slick.js,typeerror,Javascript,Jquery,Slick.js,Typeerror,我无法通过在下面添加滑头线来随机化滑头转盘()的第一张幻灯片 我发现以下Chrome控制台错误: Uncaught TypeError: $(...).slick(...).slickGoTo is not a function at HTMLDocument.<anonymous> (script-new.js:18) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min
Uncaught TypeError: $(...).slick(...).slickGoTo is not a function
at HTMLDocument.<anonymous> (script-new.js:18)
at i (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at Function.ready (jquery.min.js:2)
at HTMLDocument.K (jquery.min.js:2)
我使用的是jQuery版本1.12.1和Slick版本1.6。
我想在页面加载时显示随机幻灯片,但幻灯片顺序保持不变。如中所述
在版本1.4中,通过slick方法本身在slick实例上调用方法
这意味着您必须使用slick(
),方法名作为参数传递,如下所示:
$('.slide').slick().slick('slickGoTo',Math.floor((Math.random()*3)+1));
1.
2.
3.
如中所述
在版本1.4中,通过slick方法本身在slick实例上调用方法
这意味着您必须使用slick(
),方法名作为参数传递,如下所示:
$('.slide').slick().slick('slickGoTo',Math.floor((Math.random()*3)+1));
1.
2.
3.
这肯定是我见过的最差的文档了。不过,对于一个有效的解决方案,这肯定是我见过的最差的文档了。对于一个有效的解决方案,这肯定是+1。
// get the number of slides
var total = $('.slide').length;
// random number
var rand = Math.floor( Math.random() * total );
$(document).ready(function(){
$('.slider').slick({
autoplay: true,
autoplaySpeed: 7000,
arrows:true,
fade: true,
slide:".slide",
pauseOnHover:false,
adaptiveHeight: true,
dots: true
})
.slickGoTo(rand); // navigate to random slide
});