Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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
使用Slick(jQuery插件)slickGoTo不会';行不通_Jquery_Plugins_Slick.js - Fatal编程技术网

使用Slick(jQuery插件)slickGoTo不会';行不通

使用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,

这个jQuery插件名为 在第一次加载时,它不能正常工作,在我单击“下一步”或“上一步”后,它就就位了,我试着让幻灯片像这样移动 HTML


一个月再续付款
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);
});