Tracking of a button click in jquery

Question

Following is the html code for a button.I need to track this button click.

<div class="abc">
    <a class="btn" data-wap="{"linktype":"xyz"}" href="#content">
</div>

You will want to change your `.btn` HTML to: ``. The nested double quotes could cause potential issues. — , Apr 15 '13 at 05:24
You can use this question(of mine) and the duplicated questions as reference for the quotes problem http://stackoverflow.com/q/8974026/601179 — gdoron is supporting Monica, Apr 15 '13 at 05:28

score 3 · Answer 1 · answered Apr 15 '13 at 05:23

3

$('a.btn').click(function(){
    //here
});

Note:

<a> isn't a button.
If you want to cancel the default behavior and the bubbling return false from the callback.
Fix the quotes in the data-wap.

answered Apr 15 '13 at 05:23

score 2 · Answer 2 · answered Apr 15 '13 at 05:24

2

You can just do:

$('.btn').click(function() {
    // Your code here
});

You also need to close the anchor tag using </a>. As suggested by @MichaelWright, you also need to adjust the quotes of your data-wap

answered Apr 15 '13 at 05:24

Eli

score 0 · Answer 3 · answered Apr 15 '13 at 05:25

Attach an event to click like this:

$('.btn').click(function () {
    // code here
});

Also your quotes are incorrect which could cause issues for you, use single quotes within the double quotes so it doesn't break them.

<a class="btn" data-wap="{'linktype':'xyz'}" href="#content">

score 0 · Answer 4 · answered Apr 15 '13 at 05:27

0

you can use

$('a.btn').click(function(){
    //here
}) ;

answered Apr 15 '13 at 05:27

PSR

1

What's the point in duplicate others answers? (including the placeholder value...!) – gdoron is supporting Monica Apr 15 '13 at 05:29
actually i did not see that answer when i tried to post.after post only i see them – PSR Apr 15 '13 at 05:34

score 0 · Answer 5 · answered Apr 15 '13 at 05:27

0

try this

HTML

 <div class="abc">
    <a class="btn" data-wap="{'linktype':'xyz'}" href="#content"></a>
 </div>

jquery

$('a.btn').click(function(e){
  e.preventDefault();
  alert("clicked");
});

answered Apr 15 '13 at 05:27

bipen

5 Answers5