ansaurus

Question

cannot use jquery

Answer 1

A:

$('a').click(function(){
    $('#box').fadeOut(); // # means id... 
    return false; // prevent jumping to another page...
});

Reigel 2010-07-01 09:36:25

Answer 2

+2 A:

 $('box').fadeOut();

needs to be

 $('#box').fadeOut();

because you are talking about the element with ID box. its just like CSS.

As an aside, you might also what to add

return false;

after that line (to prevent the browser following the href attribute of the A you're clicking on which in this case is '#' - which if the page has been scrolled down, would cause it to scroll back to the top)

Mailslut 2010-07-01 09:36:39

Confirming - tried this and works.

Piskvor 2010-07-01 10:34:01

Answer 3

+1 A:

I think firebug is your best friend form now on :)

First check if jquery is loaded properly. You can do this by using for example this method:

    $(document).ready(function() {
       alert('hi');
    });

Then use some of the selectors from above.

zarko.susnjar 2010-07-01 09:39:12

Answer 4

A:

are you using mootools also in your project.If yes then use

var $jq=jQuery.noConflict();

AND then use $jq in place of $.I think its work now.

or u can use this..

$(function(){
    $('a').click(function(){
        $('#box').fadeOut();
    });
});

Bhanu 2010-07-01 09:43:17

hey bhanu, my mistake was that i had not used #, before box!

devang 2010-07-01 11:25:45

Answer 5

A:

change your javascript like this:

$(function(){
    $('a').click(function(){
        $('#box').fadeOut();
    });
});

note the # in the second selector. it is used to find elements by id.

Example

jigfox 2010-07-01 09:48:16

thanks Jens, i changed and it started working..!!

devang 2010-07-01 11:25:16

you're welcome. You should upvote and/or accept the answer(s) that helped you to solve your problem

jigfox 2010-07-01 11:59:12

ansaurus

tags:

views:

answers:

cannot use jquery

related questions