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 的缓存版本,而另一个不会加载,因此可以正常工作。
我正在为我正在制作的网站使用 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 的缓存版本,而另一个不会加载,因此可以正常工作。