Jquery дата события клика не запускается во второй раз

Question

Событие Jquery Click запускается в первый раз, но во второй раз оно не запускается.

Datatable:

var tableAttendance = $('#tableAttendance').dataTable ({ 
     "bDestroy"  : true, 
     "bAutoWidth"  : false, 
     "bServerSide" : true, 
     "bDeferRender" : true, 
     "sServerMethod" : "POST", 
     "sAjaxSource" : pageUrl(), 
     "sAjaxDataProp" : "aaData", 
     "aaSorting"  : [[2, 'desc']], 
     "fnCreatedRow": function(nRow, aData, iDataIndex) { 
      $(nRow).attr({ 
       "data-toggle":"context", 
       "data-target":"#attendance-context-menu" 
      }); 
     }, 
     "aoColumns"  : [ 
     { 
      "mData" : function (row, type, set) { 
       return '<div>'+ row['Employee_Name'] +'</div>'; 
      } 
     }] 
    }); 

Jquery события:

$(document).on('click contextmenu', '#tableAttendance tbody tr', function (e) { 
    console.log("Event Triggered"); 
    var selectRow = $(this); 

    if (!selectRow.hasClass('row_selected')) 
    { 
      selectRow.addClass('row_selected'); 
    } 
    else 
    { 
      //Other than right click. Because i use multi-select option 
      if(e.button !== 2) 
      selectRow.removeClass('row_selected'); 
    } 
    }); 

Работа для разных строк выберите событие. Но когда я нажимаю правой кнопкой мыши (контекстное меню) одну и ту же строку более одного раза, событие не запускается

Answer 1

Просто протестирован, и ваш код работает для меня.

Не могли бы вы, пожалуйста, попробуйте изменить ваш обработчик щелчка следующим образом:

$(document).on('click contextmenu', '#dummy tbody tr', function() { 
    var d = new Date(); 
    console.log("Event Triggered" + d.getMilliseconds()); 
}); 

При отладке с поджигатель это вполне может быть, что вы проглядели номер в передней части вошедшего текста.

сообщение с точно таким же содержанием вошло несколько раз привести в числе которых увеличиваются.

Добавление миллисекунд к выходу немного изменит сообщение и приведет к новой строке вывода.

EDIT:

Правый клик приведет к значению e.button = 2.

Это значение проверяется в вашем обработчике if(e.button !== 2) и не выполняет selectRow.removeClass('row_selected');, потому что результат проверки false.

Полностью удалив чек на e.button, вы получите щелчок правой кнопкой мыши, чтобы выбрать и отменить выбор строк.