I am completely new to jQuery. When working with jQuery, I disconnected the Internet to check if my webpage works fine without an Internet connection. It displayed some thing which is not required. When I saw the source code, it displayed:
<link rel="stylesheet" href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1">
So I downloaded the code and kept it in my root folder. Still it's not working well. I wanted to know whether we can work with jQuery whilst offline?
Here is my code:
<!doctype html>
<!--[if IE 7 ]> <html class="no-js ie ie7 lte7 lte8 lte9" lang="en-US"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie ie8 lte8 lte9" lang="en-US"> <![endif]-->
<!--[if IE 9 ]> <html class="no-js ie ie9 lte9>" lang="en-US"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title> Home</title>
<meta name="author" content="jQuery Foundation - jquery.org">
<meta name="description" content="jQuery: The Write Less, Do More, JavaScript Library">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1">
<script src="jquery.min.js"></script>
<!--[if lt IE 7]><link rel="stylesheet" href="css/font-awesome-ie7.min.css"><![endif]-->
<script>try{Typekit.load();}catch(e){}</script>
<meta name="generator" content="WordPress 3.5.1" />
</head>
<body >
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser.
<a href="http://browsehappy.com/">Upgrade your browser today</a>
or <a href="http://www.google.com/chromeframe/?redirect=true">install
Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header>
<section id="global-nav">
<nav>
<div class="constrain">
<ul class="links">
<li><a href="home.jsp">Home</a></li>
<li class="dropdown"><a href="CreatPatient.jsp">Patient</a>
<ul>
<li><a href="CreatePatient.jsp">Create Patient</a></li>
<li><a href="Edit Patient">Edit Patient</a></li>
</ul>
</li>
<li class="dropdown"><a href="Appointments.jsp">Appointments</a>
<ul>
<li><a href="CreateAppointments.jsp">Create Appointments</a></li>
<li><a href="EditAppointments.jsp/">Edit Appointments</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Reports</a>
<ul>
<li><a href="PreOperative.jsp">Pre Operative</a></li>
<li><a href="IntraOperative.jsp">Intra Operative</a></li>
<li><a href="PostOperative.jsp">PostOperative</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</section>
</header>
</body>
</html>
When I remove this line:
<link rel="stylesheet" href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1">
It creates a problem.
I have downloaded jQuery and kept on the desktop. The HTML file is also on the desktop. Please tell me why it's not working.
See Question&Answers more detail:os
