Jquery click function not working

Question

I'm trying to give some functionality to my button using jquery click function. But when i run the code the function wouldn't get invoke at all.

My code is:

 <script type="text/javascript">
 $(function () {
     $("#min").click(function(e){
         $("#listFriends").css('display','none');
         $("#friendsO").show();
     });
 </script>

And

<button id="min">[-]</button>

Please anyone tell me what mistake I made in this code.....Thanks..........

@Jean-Philippe Leclerc yes otherwise how I click on the button — James
– James, Commented Feb 23, 2013 at 21:19
You could load the button in ajax or added to the dom AFTER the event is bound to the element. — Jean-Philippe Leclerc
– Jean-Philippe Leclerc, Commented Feb 23, 2013 at 21:19
@Jean-Philippe Leclercr below answer was solved my problem Thanks........ — James
– James, Commented Feb 23, 2013 at 21:31

Ram · Accepted Answer · 2013-02-23 21:18:40Z

3

You are missing }); for closing document ready handler.

$(function() {
   $("#min").click(function(e){
      console.log('test');
      $("#listFriends").hide();
      $("#friendsO").show();
   });
}); // <----

If you generate the element dynamically you should delegate the event, from one of static parents of the element or document object:

$(document).on('click', "#min", function(e){
      console.log('test');
      $("#listFriends").hide();
      $("#friendsO").show();
});

edited Feb 23, 2013 at 21:18

answered Feb 23, 2013 at 21:06

Ram

145k16 gold badges174 silver badges201 bronze badges

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

3 Comments

Ram Over a year ago

@james Do you see any error on the console? Have you included jQuery library?

James Over a year ago

No errors nothing... I'm adding this button with jQuery.. Is that cause anything for this problem...

Ram Over a year ago

@james You are welcome. Because when you try to select the element that element doesn't exist on the page.

id1 · Accepted Answer · 2013-02-23 21:12:24Z

0

Install firebug on firefox and enable debug, see here.

answered Feb 23, 2013 at 21:12

id1

2212 silver badges6 bronze badges

Collectives™ on Stack Overflow

Jquery click function not working

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related