ansaurus

Question

Why can't I control the click event of this link with jQuery?

Answer 1

+1 A:

Here's a couple of questions I'd ask while debugging:

Are you sure the click event is being attached to the anchors?
- Try moving your script take to the bottom of the page and attaching the click events without using the ready function.
Is $(".delete_social").length greater than 0?
Are there any JavaScript errors when I load the page?
Is jQuery loading correctly?
- Does $.fn.jquery return the current version of jquery you're using?
Consider using event.preventDefault(); instead.

Xavi 2010-01-06 07:28:17

Just tried, it STILL goes to the URL. WTF??

Jason Rhodes 2010-01-06 07:33:24

Answer 2

+2 A:

Try this to prevent the URL from loading:

$(".delete_social").click(function(e) {
    e.preventDefault();
    return false;
});

Also, you should be getting an alert and other code to run inside the click handler. If it's not, then something else on the page is causing something weird to occur.

pygorex1 2010-01-06 07:28:23

Thanks, yeah. My goal is to run an ajax $.get() in that space, to intercept the URL from the link and run it with $.get() instead. But the ajax never ran, it just went to the URL, so I stripped out the JS and tested with just return false. It's so strange.

Jason Rhodes 2010-01-06 07:31:01

Answer 3

A:

Try this:

<script>
$(document).ready(function() {
    $(".delete_social").click(function(event) {
        event.preventDefault();
    });
});
</script>

Neil T. 2010-01-06 07:31:52

Just tried that, and it STILL goes to the URL. WTF??

Jason Rhodes 2010-01-06 07:35:59

Answer 4

A:

Check the rest of your javascript. return false; or .preventDefault(); should do the trick. If they're not working, it usually means there's an error somewhere else in your js, and your browser never gets to that line of code.

munch 2010-01-06 07:43:49

Answer 5

+2 A:

If these links are loaded in dynamically, you'll need to use $.live() to control them:

$(".delete_social").live("click", function(e){
  e.preventDefault();
  // do stuff
});

$.live() causes dynamically-added elements to adhere to previously-declared rules.

Jonathan Sampson 2010-01-06 08:02:21

ansaurus

tags:

views:

answers:

Why can't I control the click event of this link with jQuery?

related questions