How to make jquery click() work with css button?

Question

I have a .button made in css and added to the html 4 times like this

<a class="button icon Call"   id="nupp2" href="#"><span>CALL</span></a>

and a .js with the following inside

$(document).ready(function(){
  $("nupp2").click(function(){
      var name=prompt("Please enter your name","blabla");
  });
});

The buttons appear if I open the html with firefox and they change if I hover over them But if I press the button, it doesn't do anything. I didn't forget to point to the files in the html file.

Am I even doing this right? Or is jquery more complex than I think?

You need to use a unique id value for each button... otherwise use a class. — prodigitalson
– prodigitalson, Commented Mar 25, 2011 at 16:03

mattsven · Accepted Answer · 2011-03-25 16:02:27Z

4

Selectors in jQuery work a lot like the ones in CSS. $("nupp2") becomes $("#nupp2"), see?

answered Mar 25, 2011 at 16:02

mattsven

23.5k11 gold badges73 silver badges106 bronze badges

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

1 Comment

jackJoe Over a year ago

and if the OP would like to call it by the classname, just use $(".classNameHere")

Jon · Accepted Answer · 2011-03-25 16:02:50Z

2

This is wrong:

$("nupp2").click(function(){

The correct is:

$("#nupp2").click(function(){

The string inside the parens is a jQuery selector. Since you want to select an element by id, the proper selector is a hash sign followed by the id.

answered Mar 25, 2011 at 16:02

Jon

439k85 gold badges756 silver badges820 bronze badges

Comments

yoavmatchulsky · Accepted Answer · 2011-03-25 16:02:31Z

1

you need to add a hash sign (#) before the ID of the element - $('#npp')

answered Mar 25, 2011 at 16:02

yoavmatchulsky

2,9501 gold badge18 silver badges22 bronze badges

Comments

Richard Dalton · Accepted Answer · 2011-03-25 16:02:49Z

1

You missed the hash on your selector:

$("#nupp2").click(function(){        // <----- #nupp2
    var name=prompt("Please enter your name","blabla");
});

answered Mar 25, 2011 at 16:02

Richard Dalton

35.8k6 gold badges75 silver badges92 bronze badges

Comments

Josh · Accepted Answer · 2011-03-25 16:03:38Z

1

To call an ID you need to add a # in front of the selector (Like CSS)

So your jQuery selector should be $("#nupp2")

answered Mar 25, 2011 at 16:03

Josh

1,8043 gold badges17 silver badges31 bronze badges

Comments

Sindar · Accepted Answer · 2011-03-25 16:03:43Z

1

Just try this

$(document).ready(function(){
  $("#nupp2").click(function(){
      var name=prompt("Please enter your name","blabla");
  });

answered Mar 25, 2011 at 16:03

Sindar

11k7 gold badges34 silver badges45 bronze badges

Comments

tahdhaze09 · Accepted Answer · 2011-03-25 16:14:05Z

0

Try this:

 $(document).ready(function(){
  $(a#nupp).click(function(){
      var name=prompt("Please enter your name","blabla");
  });
});

answered Mar 25, 2011 at 16:14

tahdhaze09

2,2131 gold badge21 silver badges38 bronze badges

Collectives™ on Stack Overflow

How to make jquery click() work with css button?

7 Answers 7

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related