jQuery 插件可以离线使用但不能在线使用

jQuery plugin works offline but not online

我正在为我正在制作的网站使用 3 个 jQuery 插件,出于某种原因,一个工作得很好,但 2 个没有。这是我网站的 header 区域,其中包含我的链接等,还有 2 个不起作用的插件的 jQuery。问题是,一切都可以在离线状态下完美运行,但无法在线运行。知道为什么吗?谢谢!

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Mary E. Gonzalez Transitional Center for LGBT Youth</title>
   <meta name="description" content="Non-profit group for homeless LGBT teens in El Paso, TX">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
   <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/style.min.css">
   <link href='https://fonts.googleapis.com/css?family=Indie+Flower|Poiret+One' rel='stylesheet' type='text/css'>
   <link href='https://fonts.googleapis.com/css?family=Oswald:400' rel='stylesheet' type='text/css'>
   <script src="slippry-1.3.1/dist/slippry.min.js"></script>
   <link rel="stylesheet" href="slippry-1.3.1/dist/slippry.css" />
   <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
   <script src="//code.jquery.com/jquery-1.10.2.js"></script>
   <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
   <script>
      jQuery(document).ready(function(){
          jQuery('#image-slider').slippry();
      });

      $(document).ready(function(){
          $("#accordian h2").click(function(){
              $("#accordian ul ul").slideUp();
              if(!$(this).next().is(":visible")){
                  $(this).next().slideDown();
              }
          });
       });
   </script>

您正在加载 jQuery 的不同版本:

  • 来自 Google 个 API。
  • 第二个 jQuery 代码。

请删除一个,它应该可以工作。从你的问题中摘录:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<!-- Removing the above line will make it work for sure. -->

删除两者之一。最有可能的是,当您处于离线状态时,它会加载一个 jQuery 的缓存版本,而另一个不会加载,因此可以正常工作。