Simple code not working in jquery

Question

I am using sublime-text 2 editör and chromium web browser in Ubuntu.This very simple code not working but when I only write alert("test") within script tags it is working But this simple code not working now.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Scroll Activated Animation</title>
<script type="text/javascript" src="../../jquery-2.1.4.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#test").click(function(){
      alert("test");
    });
  });
</script>
<style type="text/css" rel="stylesheet">
    #test{
    width:50px;
    height:50px;
    background-color: #eee;
    margin: 0 auto;
  }
  </style>
</head>
 <body>
  <div id="test">Click here</div>
 </body>
</html>

There is no problem with jquery source code.Because as I told above only alert is working

Image Path:

Have you tried `alert("test");` within `$(document).ready()` ? — Zim84, Oct 01 '15 at 10:13
@Tank Akyüz if you say it is not working what I have proposed to you, this means that jQuery is NOT working. So you have to check that jQuery is actually loaded... — Zim84, Oct 01 '15 at 10:17
@TarıkAkyüz "Because as I told above only alert is working": what do you mean? That the alert code works outside of the click function? — nowhere, Oct 01 '15 at 10:17
@TarıkAkyüz Alert works always buddy, irrespective of jQuery. — Praveen Kumar Purushothaman, Oct 01 '15 at 10:18
@TarıkAkyüz please post the code when it was working separately? — Akki619, Oct 01 '15 at 10:18
Check error in console. I guess you aren't running any server and so `file` protocol is assumed by chrome. Anyway, this isn't suitable question on SO, learn how to debug javascript and then ask relevantr question if you cannot fix yourself error — A. Wolff, Oct 01 '15 at 10:20
I am really noob sorry and really interesting this code is not working — Tarık Akyüz, Oct 01 '15 at 10:24

Praveen Kumar Purushothaman · Accepted Answer · 2015-10-01T18:34:01.840

7

Check if the path to jQuery correct. In your case, the path should be this way:

+ jquery-2.1.4.js
+ some_folder
| + some_other_folder
| | + index.html     ----- This is your file.

The code you have given is perfectly right. You have two options:

Correct the path of jQuery.
Use a CDN: http://code.jquery.com/jquery-2.1.4.js

So the second option would be adding the following instead of what you have as a reference for jQuery in your <head>:

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js"></script>

edited Oct 01 '15 at 18:34

answered Oct 01 '15 at 10:14

Praveen Kumar Purushothaman

164,888
24
203
252

I edited my answer with picture of path.Please look at the pictures – Tarık Akyüz Oct 01 '15 at 10:20
@TarıkAkyüz Looks perfect. Press F12 and show me the output. – Praveen Kumar Purushothaman Oct 01 '15 at 10:20
Check my last picture – Tarık Akyüz Oct 01 '15 at 10:23
@TarıkAkyüz Nice click on the red 2 on top right corner. – Praveen Kumar Purushothaman Oct 01 '15 at 10:23
Or click on `Console` in the dev tools. @TarıkAkyüz. – Praveen Kumar Purushothaman Oct 01 '15 at 10:25
look at my first picture bro – Tarık Akyüz Oct 01 '15 at 10:26
@TarıkAkyüz Your stuff looks like the `jquery-2.1.4.js` has some issues. Try right clicking on the file and click on properties. Use the file permissions as `777`. – Praveen Kumar Purushothaman Oct 01 '15 at 10:27
1

Yes the problem is about permission.Now this is working very well – Tarık Akyüz Oct 01 '15 at 10:28
@TarıkAkyüz Glad it helps. – Praveen Kumar Purushothaman Oct 01 '15 at 10:29

nowhere · Answer 2 · 2015-10-01T10:18:39.063

1

I have created a fiddle with your code and it seems to work.

  $(document).ready(function(){
    $("#test").click(function(){
      alert("test");
    });
  });

http://jsfiddle.net/1ygxkx24/

Do you get any error in your browser's command line?

The problem is probably related to the import of the jquery library: the fact that alert works anyway doesn't mean a lot since it's pure js and not jquery related.

edited Oct 01 '15 at 10:18

answered Oct 01 '15 at 10:14

nowhere

1,558
1
12
31

who the hell is downvoting this answer? Add a comment and help nowhere improve her post if you think it is unworthy... – Zim84 Oct 01 '15 at 10:18
4

This is not really an answer, more of a request for more information - should probably have been a comment (PS. not my downvote - appears to be gone now) – Jamiec Oct 01 '15 at 10:18
I've updated it a bit. He's saying that it should work because the alert works anyway outside of the jquery function. – nowhere Oct 01 '15 at 10:19
@nowhere alert dont need jquery. OP problem is Jquery is not working. Maybe path is incorrect. as what Praveen suggested – guradio Oct 01 '15 at 10:21
1

@Pekka exactly that's what we were trying to explain :) But without the console errors it's hard to debug here... – nowhere Oct 01 '15 at 10:22

Simple code not working in jquery

2 Answers2