使用Slick(jQuery插件)slickGoTo不会';行不通
这个jQuery插件名为 在第一次加载时,它不能正常工作,在我单击“下一步”或“上一步”后,它就就位了,我试着让幻灯片像这样移动 HTML使用Slick(jQuery插件)slickGoTo不会';行不通,jquery,plugins,slick.js,Jquery,Plugins,Slick.js,这个jQuery插件名为 在第一次加载时,它不能正常工作,在我单击“下一步”或“上一步”后,它就就位了,我试着让幻灯片像这样移动 HTML 一个月再续付款 30美元 /月刊 三个月再续付款 15美元 /月刊 六个月再续付款 10美元 /月刊 按年续付 五美元 /月刊 jQuery $(document).ready(function(){ var slider = $('.subscriptionOffers').slick({ infinite: true,
一个月再续付款
30美元
/月刊
三个月再续付款
15美元
/月刊
六个月再续付款
10美元
/月刊
按年续付
五美元
/月刊
jQuery
$(document).ready(function(){
var slider = $('.subscriptionOffers').slick({
infinite: true,
arrows: true,
centerMode: true,
centerPadding: '15%',
initialSlide: 0,
speed: 300,
prevArrow:'<div class="prev"><img src="img/prev.png"></div>',
nextArrow:'<div class="next"><img src="img/next.png"></div>'
});
});
$(window).load(function(){
slider.slick('slickGoTo',2);
slider.slick('slickGoTo',1);
});
$(文档).ready(函数(){
变量滑块=$('.subscriptionOffers')。光滑({
无限:是的,
箭头:是的,
centerMode:对,
中心填充:“15%”,
初始幻灯片:0,
速度:300,,
前箭头:“”,
下一行:“”
});
});
$(窗口)。加载(函数(){
滑杆。光滑('slickGoTo',2);
滑块。光滑('slickGoTo',1);
});
在窗口加载时,但它不起作用:/请尝试以下操作:
var $slick;
$(document).ready(function(){
$slick = $('.myDiv');
$slick.slick({
infinite: true,
arrows: true,
centerMode: true,
centerPadding: '15%',
initialSlide: 0,
speed: 300,
prevArrow:'<div class="prev"><img src="img/prev.png"></div>',
nextArrow:'<div class="next"><img src="img/next.png"></div>'
});
$slick.slick('slickGoTo', 1);
});
var$slick;
$(文档).ready(函数(){
$slick=$('.myDiv');
$slick.slick({
无限:是的,
箭头:是的,
centerMode:对,
中心填充:“15%”,
初始幻灯片:0,
速度:300,,
前箭头:“”,
下一行:“”
});
$slick.slick('slickGoTo',1);
});
是的,代码已更新。您收到的错误是什么?如slider未定义或其他,并声明您可以在两个函数中全局访问
var slider
,我没有收到任何错误,但您可以在第一个屏幕截图上看到数据的放置方式,当我转到下一张幻灯片时,数据会像第二张屏幕截图一样放在正确的位置。您是否使用了slick.css,您能否在代码片段中复制您的问题?不,仍然没有,如果滑块处于模式,是否有问题?我正在使用Materializecss modalCheck第一个屏幕截图,这是我再次得到的,slick没有工作,它没有通过$slick.slick('slickGoTo',1)自行改变;如果我点击“下一步”或“上一步”,它就会一直保持这样的状态。你明白吗?你的权利我看到了,但在我的本地主机服务器上没有工作它没有显示幻灯片1自动激活。我已经删除了window onload,并且没有光滑的错误:/Yes,正如我前面所说的,我使用弹出窗口,但我没有使用fancybox,我使用Materializecss的默认模式这里是URL:
var $slick;
$(document).ready(function(){
$slick = $('.myDiv');
$slick.slick({
infinite: true,
arrows: true,
centerMode: true,
centerPadding: '15%',
initialSlide: 0,
speed: 300,
prevArrow:'<div class="prev"><img src="img/prev.png"></div>',
nextArrow:'<div class="next"><img src="img/next.png"></div>'
});
$slick.slick('slickGoTo', 1);
});