所以我使用 bxSlider 就像这个page上显示的网站一样,首次加载滑块箭头显示,但我的图片没有显示。
在第二次加载(页面刷新)时,它可以正常工作。此问题仅适用于Chrome。
Edge,Firefox,IE在首次加载时显示滑块图像没有问题。
现在我知道代码片段有效,我无法复制代码片段中的问题,但这里是指向页面的链接click me,MVC不喜欢指向外部页面的链接,但正如所说的那样不能重复这个?这是一个铬虫,我无法修复?
我也使用版本jquery/1.11.0
作为我的网站,但是如下所示,不要认为版本是问题。
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script>
$(document).ready(function(){
$('.slider').bxSlider();
});
</script>
</head>
<body>
<div class="slider">
<div>I am a slide.</div>
<div>I am another slide.</div>
</div>
</body>
</html>
答案 0 :(得分:2)
看起来您的初始化函数$('.slider').bxSlider()
正在bxslider.js
加载之前执行...
...因此,请尝试在使用$('.slider').bxSlider()
$(window).on("load")
$(window).on('load', function() {
$('.slider').bxSlider();
})