javascript - Unslider(JS 问题?)在页面刷新时中断

标签 javascript jquery refresh unslider

所以我在我的页面上实现了 Unslider(通过调整淡入淡出而不是滑动),http://www.choiceid.ca

当我第一次打开该页面时, slider 经常损坏 - 它显示的高度约为 15 像素,而不是 700,并且您可以看到图像在旋转,就像您从门顶往外看一样。

如果我点击刷新,它不会执行任何操作(或者如果它一开始就工作的话会破坏它)。如果我转到地址栏并再次按 Enter 键,或重新输入地址,它会正常工作,但即使这样也不可靠。

任何煽动都将不胜感激。

最佳答案

必须首先加载图像才能正确创建 slider 。你有两个选择

1.将unsilide放入窗口.onload:

$( window ).load(function() {
   $('.banner').unslider();
});

2.在html中手动输入 slider 的高度

关于javascript - Unslider(JS 问题?)在页面刷新时中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27140285/

相关文章:

JavaScript 将表单数据发布到没有 "target"的新窗口

jquery - 将粒子背景作为页面的背景

android - 关闭 Activity 后如何刷新以前的 fragment ?

html - 如何在浏览器中显示不断变化的图像文件而不会出现刷新闪烁?

javascript - jQuery img src 替换不工作

c - 刷新容器中的子项 - GTK

javascript - SVG 多边形形状与图像

javascript - Jquery 将选定的类添加到 li

javascript - Handsontable 未加载动态创建的列标题

javascript - 如何在纯 JavaScript 中执行外部 HTML/SVG 文件中的 javascript?