Javascript Flexslider2示例：相同的代码，不同的结果（本地和JSFIDLE）
我已经在本地和JSFIDLE上实现了Flexslider2。每个都使用完全相同的代码。但是，当在本地（Firefox、Chrome和IE9）上查看我的页面时，Flexslide只会调整图像宽度 JSFIDLE在保持图像纵横比的情况下生成所需的结果 我的本地代码（HTML）如下所示。flexslider.css之外没有样式，jQuery和flexslider.js之外也没有其他javascript HTMLJavascript Flexslider2示例：相同的代码，不同的结果（本地和JSFIDLE）,javascript,html,css,responsive-design,flexslider,Javascript,Html,Css,Responsive Design,Flexslider,我已经在本地和JSFIDLE上实现了Flexslider2。每个都使用完全相同的代码。但是，当在本地（Firefox、Chrome和IE9）上查看我的页面时，Flexslide只会调整图像宽度 JSFIDLE在保持图像纵横比的情况下生成所需的结果 我的本地代码（HTML）如下所示。flexslider.css之外没有样式，jQuery和flexslider.js之外也没有其他javascript HTML <!DOCTYPE html> <html lang="en"&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="flexslider.css">
</head>
<body>
<div class="flexslider">
<ul class="slides">
<li>
<img src="1.jpg" alt="1" title="1">
</li>
<li>
<img src="2.jpg" alt="2" title="2">
</li>
<li>
<img src="3.jpg" alt="3" title="3">
</li>
</ul>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="flexslider.js"></script>
<script>
$('.flexslider').flexslider({});
</script>
</body>
</html>
-
-
-
$（'.flexslider'）.flexslider（{}）；
任何关于为什么会发生这种情况的见解都将不胜感激 您可以尝试两个建议： 上面的代码和JSFIDLE使用的是不同版本的jQuery。使用jQuery1.9.1，所以现在最好还是坚持使用它 但最可能的原因是您应该使用初始化flexslider
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
$（窗口）。加载（函数（）{
$（'.flexslider'）.flexslider（）；
});
祝你好运 你的
.flexslider.slides img