Javascript问题，flexslider脚本未加载

Javascript Issue, flexslider script not loading

本文关键字：加载 脚本 flexslider 问题 Javascript      更新时间：2024-05-17

我最近不得不从web档案重建一个网站。客户端web开发失败。。无论如何，除了运行flex滑块的javascript之外，我的一切都恢复了正常。

访问gervee.com查看侧面，如果你点击箭头，它不会起任何作用。控制台显示此错误：

未捕获的ReferenceError:jQuery未在第12行定义

这是代码

jQuery（'.flexslider'）.flexslider（｛animation:"slide"｝）；

然而，浏览一下javascript文件，就会发现其中有flexrooper代码。但是不知道下一步该怎么办。

尝试将该行移到其余脚本之后，然后用环绕代码

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

以下是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之前使用它。尝试将其更改为此（在加载jQuery后将flex滑块移动到）：

<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在回答中提到的那样）。这使得页面加载更快，并有助于防止在加载之前使用的东西出现问题。只是觉得有必要提一下。

相关文章：