Javascript bxSlider gallery在Chrome中表现出色

我正在使用bxSlider图库开发一个站点。使用默认设置，它在Chrome和Firefox中都表现良好

HTML是标准的：

（以前，它是

ul

和

li

而不是嵌套的div。但是，行为是相同的。）

bxSlider库由此启动：

app.onload（函数（）{
$（'.bxslider'）。每个（函数（）{
var id=$（this.attr（'id'）；
var right_arrow=app.get（id+“_right”）；
var left_arrow=app.get（id+“_left”）；
$（this）.bxSlider({
“寻呼机”：错误，
“自动”：正确，
“下一个选择器”：右箭头，
“prevSelector”：左箭头，
'nextText'：'Step forward'，
“prevText”：“后退”
});
});
});

我使用的是我们自己开发的

应用程序.onload（）

，而不是

$（document）.ready（）

，因为我不希望在图像加载之前画廊开始滑动。下面是函数：

var-app={
获取：函数（id）{
返回文档.getElementById（id）；
},
onload：函数（func）{
// http://www.dustindiaz.com/top-ten-javascript/
var oldonload=window.onload；
if（typeof window.onload！=“函数”）{
window.onload=func；
}否则{
window.onload=函数（）{
if（oldonload）{
oldonload（）；
}
func（）；
};
}
},
onunload:函数（func）{
//基于以上
var oldonunload=window.onunload；
if（typeof window.onunload！=“函数”）{
window.onunload=func；
}否则{
window.onunload=函数（）{
if（oldonunload）{
oldonunload（）；
}
func（）；
};
}
}
};

这在Firefox中运行良好，但在Chrome中似乎是随机的。有一半以上的时间，javascript根本就不会运行，我只剩下一组大图像，一直到页面下方，根本没有滑动。Chrome调试器中未显示相关错误消息。在一些地方添加

console.log（）

，可以看出我们已经实现了函数

$（this.bxSlider（）

（一个

console.log（）

，直接在它上面激发），但它什么都不做

我怎样才能知道这里发生了什么，怎样才能解决它

我曾经认为这与自定义的prev和next按钮有关。当我把它们拿出来时，它起了作用：

$（this）.bxSlider({
“寻呼机”：错误，
“自动”：正确，
});

---

但现在我认为这只是抽签的运气（记住，它的表现很不稳定）。现在没有他们也不行。嗯，有时候是这样。更多的时候不是这样。

你所说的“javascript根本不会运行”是什么意思？app.onload没有被触发，你的意思是？我们尽可能地使用bxSlider函数，但它什么都不做。已编辑问题以澄清，@VijetaShetty.Hmmm。。。无法找出问题所在。我使用了您的代码$（'.bxslider'）.each（function（）{$（this）.bxslider（{'pager'：false，'auto'：true}）；}）；但是在$（document.ready（）上调用了它。而且似乎效果不错。将尝试一次app.onload。你有没有想过？我也有同样的问题。对不起，@RMSTOKES。不。我最终使用了不同的滑块。