CODEWITHSUNDEEP
jquerypreventdefault
Kim
Kim

Reputation: 1156

disable links on dynamically created elements

I have an app were you can create elements, i.e. Text-element and append it to a div

And then you can also add a link to that element.

But I can't get to disable the link within the div (not removing the attr. but just disable it)

I looking for something like this:

    $('#container a').click(function() {
    e.preventDefault();
    });

To disable all links within the div.Container? Is it possible?

Upvotes: 2

Views: 660

Answers (2)

techfoobar
techfoobar

Reputation: 66663

Yes, what you have is right except for the missing argument e - or just return false and forget about e.

// note the argument 'e'
$('#container a').click(function() {
    return false; // preventDefault + stopPropagation
});

Upvotes: 1

colestrode
colestrode

Reputation: 10658

You can use delegated events with the on method, which is designed to handle the exact situation you're describing:

$('#container').on('click', 'a', function(e) {
   e.preventDefault();
});

Upvotes: 7

Related Questions