Question

我最近不得不从网络存档重建网站。客户端网络开发消失了..无论如何，除了运行flexslider的javascript之外，我得到了所有工作。

去gervee.com查看侧面，如果点击箭头它什么都不做。控制台显示此错误：

未捕获的ReferenceError：第12行未定义jQuery

这是代码

jQuery（＆＃39; .flexslider＆＃39;）。flexslider（{animation：＆＃34; slide＆＃34;}）;

还看了一下javascript文件，看来有flexslider代码。但不知道下一步该怎么做。

Answer 1

尝试将该行移至其余脚本之后，然后使用

复制代码

$(document).ready(function() {
    // code here
});

Answer 2

以下是gervee.com目前的情况：

<script type="text/javascript"> jQuery('.flexslider').flexslider({ animation: "slide" });</script>
<script type="text/javascript"> document.cookie = 'adaptive_image=' + Math.max(screen.width, screen.height) + '; path=/'; </script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"> window.jQuery || document.write("<script src='/sites/all/modules/jquery_update/replace/jquery/1.5/jquery.min.js'>\x3C/script>") </script>

它正在尝试在加载之前使用jQuery。尝试将其更改为此（将flexslider移动到加载jQuery之后）：

<script type="text/javascript"> document.cookie = 'adaptive_image=' + Math.max(screen.width, screen.height) + '; path=/'; </script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"> window.jQuery || document.write("<script src='/sites/all/modules/jquery_update/replace/jquery/1.5/jquery.min.js'>\x3C/script>") </script>
<script type="text/javascript"> jQuery('.flexslider').flexslider({ animation: "slide" });</script>

另外，我知道你只是想让它备份并为他们工作，但理想情况下你不想在<head>中加载脚本。最好在<body>的底部引用它们，并使用$(function() { ... })在document.ready上执行任何javascript而不是内联（如他的回答中提到的LukasGuptaLeary）。这使得页面加载速度更快，并有助于防止在加载之前使用的内容出现问题。只是觉得有必要提一下这个。

Javascript问题，flexslider脚本无法加载

2 个答案: