Jquery Not working with Xampp Server on Localhost

Question

I have tried everything to get the following code working but I cant seem to load jquery properly. I have tried installing from a folder with in the project and from using a URL.

Here is my snippet of code which includes the different methods I had being using in order to load the JQuery Library.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="" content="">
<title>DynamicPulldown</title>

<!-- <script id="javascript" src="http://localhost:81/js/jquery-
3.2.1.min.js"></script>-->
<!-- <script id="javascript" src="http://localhost:81/js/jquery-
3.2.1.min.js"></script>-->

<script src="/js/jquery-3.2.1.min.js"></script>

 <script>
    $(document).ready(function(){
        $("p").click(function(){
            $(this).hide();
        });
 </script>

  </head>
   <body>
   <div>
  <p>If you click on me, I will disappear.</p>
  <p>Click me away!</p>
  <p>Click me too!</p>

 </div>
</body>
</html>

I have placed my index.html file in the following folder C:\xampp\htdocs and the jquery-3.2.1.min.js file in the following folder C:\xampp\htdocs\js

My url to view the page in my browser is http://localhost:81/index.html.

Thank you

Dave

last mention of jquery ::1 - - [14/Apr/2017:11:44:17 +0100] "GET /jquery-3.2.1.min.js HTTP/1.1" 304 - "localhost:81/index.html" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36" — David Mac
– David Mac, Commented Apr 14, 2017 at 10:52

kishan · Accepted Answer · 2017-04-14 11:00:29Z

1

Replace this code

<script>
    $(document).ready(function(){
        $("p").click(function(){
            $(this).hide();
        });  
     });
 </script>

answered Apr 14, 2017 at 11:00

kishan

4663 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

David Mac Over a year ago

Working now. Thank you very much all

Sowmiya P · Accepted Answer · 2017-04-14 11:01:14Z

0

 Please add this )} at  the end of the code.
 $(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    )};
    });

answered Apr 14, 2017 at 11:01

Sowmiya P

726 bronze badges

Comments

Sebi.E · Accepted Answer · 2017-04-14 10:58:52Z

0

You forgot 2 brackets! Do }) at the end!

answered Apr 14, 2017 at 10:58

Sebi.E

1442 silver badges12 bronze badges

Collectives™ on Stack Overflow

Jquery Not working with Xampp Server on Localhost

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related