Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.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 如何在调整窗口大小时重新运行这个jQuery插件?_Javascript_Jquery - Fatal编程技术网

Javascript 如何在调整窗口大小时重新运行这个jQuery插件?

Javascript 如何在调整窗口大小时重新运行这个jQuery插件?,javascript,jquery,Javascript,Jquery,我有一个列表,其中第一个子元素在桌面上可见,在767px下隐藏在屏幕上,然后每隔一个元素在所有屏幕大小的循环中循环 我一直在尝试重新运行这个jQuery插件的窗口调整没有成功,请有人能帮助实现窗口调整功能 我已经制定了一个计划 谢谢你的关注 更新: 我添加了窗口大小调整,它似乎影响了它最初的加载方式和之后的执行,首先显示所有元素,请参见当淡出完成并且下一次调用旋转器时,您当前的实现已经适应了新的窗口大小 但是,如果您希望在调整大小事件中立即生效,以便在考虑新窗口大小的情况下重新启动动画,则使用j

我有一个列表,其中第一个子元素在桌面上可见,在767px下隐藏在屏幕上,然后每隔一个元素在所有屏幕大小的循环中循环

我一直在尝试重新运行这个jQuery插件的窗口调整没有成功,请有人能帮助实现窗口调整功能

我已经制定了一个计划

谢谢你的关注

更新:


我添加了窗口大小调整,它似乎影响了它最初的加载方式和之后的执行,首先显示所有元素,请参见

当淡出完成并且下一次调用
旋转器时,您当前的实现已经适应了新的窗口大小

但是,如果您希望在调整大小事件中立即生效,以便在考虑新窗口大小的情况下重新启动动画,则使用jQuery
stop
方法停止
ul
子元素的任何当前动画

例如:

$(window).resize(function() {
    $('ul *').finish();
    $('ul').rotaterator({fadeSpeed:5000, pauseSpeed:1000});
});

“更好的方法”:所以你有一个方法。在这种情况下,您的问题与StackOverflow无关(可能适用于)。如果您的方式有问题,您应该描述问题。很抱歉没有明确/具体说明,我确实提出了解决方案,它是有效的,但我正在努力实现窗口重新调整大小功能,我的问题是更好的实现方法是看人们是否可以简化解决方案,但反过来,这又使我的问题过于复杂。谢谢你的回复。(我更新了我的问题)谢谢Trincot,这帮了大忙我很感激,我确实希望在调整大小事件中立即生效,也希望在第一次加载时立即生效,所以我添加了.trigger,它似乎可以按照我的意愿工作。再次感谢<代码>$(窗口).on('resize',function(){$('ul*').finish();$('ul').rotaterator({fadeSpeed:5000,pauseSpeed:500});}).trigger('resize')
(function ($) {
        $('ul').rotaterator({fadeSpeed:5000, pauseSpeed:1000});
        })(jQuery);
$(window).resize(function() {
    $('ul *').finish();
    $('ul').rotaterator({fadeSpeed:5000, pauseSpeed:1000});
});