How to disable a tag link in my case

Question

I have something like the following

<div class='bar'>                
              <div class='container'>
                        <a class='add' href='#'>Add</a>
                        <a class='remove' href='#'>Remove</a>
             </div>
</div>

my jquery

  $('.bar').on('click', function(e){

     //do stuff A.   

 })

My question is how to prvent do stuff A when I click add and remove a tag in my case.

I want add and remove button doing nothing for now (eventually they will be a link though).

Thanks!

...or remove the class from the HTML? But like @codehorse said, commenting it out would be the preferred method. — Dryden Long
– Dryden Long, Commented Dec 18, 2013 at 0:33
Not sure I understand your question completely. Maybe you're after preventDefault api.jquery.com/event.preventDefault — Mal
– Mal, Commented Dec 18, 2013 at 0:34

Arun P Johny · Accepted Answer · 2013-12-18 00:34:22Z

1

Prevent the propagation of event from both Add and Remove elements by calling .stopPropagation().

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

or inside the handler check whether the event originated from those elements like

$('.bar').on('click', function(e){
    if($(e.target).is('.container a')){
        return
    }

    //do stuff A.   
})

answered Dec 18, 2013 at 0:34

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

falinsky · Accepted Answer · 2013-12-18 00:35:12Z

0

$('.bar').on('click', 'a', function(e){
    return false;
});

answered Dec 18, 2013 at 0:35

falinsky

7,4454 gold badges34 silver badges59 bronze badges

Collectives™ on Stack Overflow

How to disable a tag link in my case

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related