У меня есть событие click в строке таблицы, которая выполняет действие. Однако, когда я нажимаю на кнопку в той же строке, я хотел бы предотвратить событие щелчка по строке и просто сделать то, что делает кнопка, и я нене знаю, как этого добиться.

Я создал -> играть на скрипке <- чтобы продемонстрировать это. Просто нажмите на строку таблицы, и вы увидите появившуюся кнопку. Затем нажмите на кнопку. Вы увидите, что событие row-click выполнено снова, при нажатии на кнопку. Как мне предотвратить это?

 
  
    
      A
      B
      C
    
  
  
    
      <a class="btn my_btn hidden2" href="#">Button</a>
      39.90
      29 Dec 2012
    
  
    <a class="btn my_btn hidden2" href="#">Button</a>
    1499.00
    8 Jan 2013
  
 

CSS:

.hidden2{
    display: none;
}

JQuery:

$(document).ready(function() {
    $('#tab_open_deals tbody tr').off('click').on('click', function() {
        var row = $('');
        row.load('/echo/html/', {
            html: 'Sub1Sub21234'
        });

        row.insertAfter($(this));
      $(this).find(".my_btn").off('click').on('click', function(){ alert("clicked") })
        $(this).find(".my_btn").show();
    });
});