How to trigger a function if ANY link is clicked, by using jQuery?

Question

I'm a jQuery newbie and I've spent hours trying to find the answer to this and the documentations didn't help me much.

I simply want to change the style of:

#footer_menu{bottom:0;}

to

#footer_menu{bottom:-48px;}

once ANY link on the page is clicked. No IDs whatsoever, I just want to be able to trigger that function whenever ANY link is clicked.

I'm starting to wonder this is not at all possible and it should be done by adding IDs to the A tags. is this true and what's the best way to achieve this?

Adil · Accepted Answer · 2012-05-31 09:34:31Z

4

Try like this, Demo on JsFiddle

$('a').click(function() {      
   $('#footer_menu').css('bottom', '-48px');
});

edited May 31, 2012 at 9:34

answered May 31, 2012 at 9:26

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Comments

Ja͢ck · Accepted Answer · 2012-05-31 09:28:15Z

3

$('a').on('click', function(e) {
     $('#footer_menu').css('bottom', '-48px');
     e.preventDefault();
}

edited May 31, 2012 at 9:28

Ja͢ck

174k39 gold badges269 silver badges317 bronze badges

answered May 31, 2012 at 9:27

ninja

2,2831 gold badge15 silver badges16 bronze badges

Comments

acme · Accepted Answer · 2012-05-31 09:27:34Z

2

$('a').on('click', function(event) {
    $('#footer_menu').css('bottom', '-48px');
    event.preventDefault(); // only if links should not navigate afterwards
});

You just basically select all anchors with $('a').

answered May 31, 2012 at 9:27

acme

14.9k8 gold badges77 silver badges114 bronze badges

1 Comment

Claudio Delgado Over a year ago

I ended up doing something else to fix what I wanted, but this helped eliminate the fact that I thought this method was going to work.

Collectives™ on Stack Overflow

How to trigger a function if ANY link is clicked, by using jQuery?

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related