CODEWITHSUNDEEP
javascriptjquerydebugging
chromedude
chromedude

Reputation: 4302

Any ideas as to why this jQuery does not work?

I have an HTML page where a click event is captured and hides #testContent. I put the HTML and Javascript in a jsFiddle here: http://jsfiddle.net/chromedude/VSXY7/1/ . For some reason in the actual page the .click() does not work, but in the jsFiddle works. Does anybody have a clue why this would be?

I have ensured that the jQuery and Javascript file were both correctly attached and show up in the Webkit Inspect and Firebug. I am not getting console errors either. It's quite confusing.

UPDATE: You can check out the actual page here: http://blankit.co.cc/test/77/

Upvotes: 0

Views: 115

Answers (3)

Hogan
Hogan

Reputation: 70513

Your script tag has a typo in the type change it to text/javascript you are missing a letter.

Change study.js from

$(function(){

console.log('hello');
alert('hello');
/*var testContent = $('#testContent').val();
var contentArray = testContent.split(" ");

$('#studyTestLink').click(function() {

     $('#testContent').hide();
     alert('hello');


});*/

});

to

$(function(){

$('#studyTestLink').click(function() {


   var testContent = $('#testContent').val();
    var contentArray = testContent.split(" ");

     $('#testContent').hide();
     alert('hello');


});

});

Upvotes: 1

morgar
morgar

Reputation: 2407

I added your code to a page (using jquery 1.5.2) and it works fine. Don't you have any other code that could be breaking it?

Upvotes: 1

jumperchen
jumperchen

Reputation: 1473

It looks like your javascript is not loaded correctly.

<script type="text/javascript" src="../../includes/jquery.js"></script><script type="text/javascript" src="../../includes/navbar.js"></script><script type="text/javasript" src="../../includes/study.js"></script>

You can put some alert() function inside your javascript file to make sure it is loaded correctly.

Upvotes: 2

Related Questions