Accessing in Javascript link passed from PHP

Question

So I have this PHP code

    </div>
    <div id="topmusicartisttitle">Top 5 Music Artist</div>
    <div class="edit"><a href="" name="topartistsedit">edit</a></div>
    <div id="topmusicartistlist">
    <ul>
    ...

that basically passes a list of stuff and I want to be able to click on this a href in javascript but I don't want it to go anywhere I just want to catch the click and handle it. So to start I have:

   $('a[name=birthdayedit').live('click',function(e){
  e.preventDefault();
  });

But this doesn't seem to work. I checked firebug and the href and the name are there (obviously), but the click isn't registered in Javascript and it still redirects. I assume live is the function to use since this is pretty much dynamically created content. Any one know what I'm doing wrong?

Have you tried including return false; in your click handler? — Polynomial
– Polynomial, Commented Oct 4, 2011 at 22:03
There's no birthdayedit named field in your snippet, and you're missing the closing ] in the jquery selector. — Marc B
– Marc B, Commented Oct 4, 2011 at 22:04
$('a[name=birthdayedit') is an error. Compare with $('a[name=birthdayedit]'). — tylerl
– tylerl, Commented Oct 4, 2011 at 22:04
If you place a window.alert("CLick"); in the click handler do you get an alert? You might try adding a "]" to close out the "a[name=]" part. — scrappedcola
– scrappedcola, Commented Oct 4, 2011 at 22:04
Your're missing a closing square bracket in $('a[name=birthdayedit'). Also, the name there doesn't match the name on your HTML! — bfavaretto
– bfavaretto, Commented Oct 4, 2011 at 22:05

stealthyninja · Accepted Answer · 2011-10-04 22:06:29Z

1

Change

$('a[name=birthdayedit')

to

$('a[name=topartistsedit]')

or change the name in your HTML.

answered Oct 4, 2011 at 22:06

stealthyninja

10.4k11 gold badges57 silver badges61 bronze badges

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

Comments

Uku Loskit · Accepted Answer · 2011-10-05 08:29:54Z

0

I see several mistakes:

There is not closing bracket (a ]) in a[name=birthdayedit'
The name attribute in the HTML is different from that which the JS references.

edited Oct 5, 2011 at 8:29

answered Oct 4, 2011 at 22:04

Uku Loskit

42.2k9 gold badges97 silver badges98 bronze badges

1 Comment

LJ Wiest-Berger Over a year ago

Thanks everyone, somehow I missed that closing bracket. It was also stupid of me to not post the CORRESPONDING section of javascript. I just picked one for some reason instead of the right one. Thanks again!

jfriend00 · Accepted Answer · 2011-10-04 22:02:07Z

0

It's easier to change your HTML to use an id like this:

<div class="edit"><a href="#" id="topartistsedit">edit</a></div>

And, then you can capture the click like this:

$("#topartistsedit").click(function() {
    // do what you want in the click function
    return(false);   // returning false stops default behavior and propagation
});

or if the content is created dynamically after page load:

$("#topartistsedit").live("click", function() {
    // do what you want in the click function
    return(false);   // returning false stops default behavior and propagation
});

Example here: http://jsfiddle.net/jfriend00/8FgFP/

answered Oct 4, 2011 at 22:02

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Collectives™ on Stack Overflow

Accessing in Javascript link passed from PHP

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related