event.stopPropogation не является функцией

Question

Это мой первый вопрос SO, и я боюсь, что это может быть глупо, но я потратил много часов, пытаясь понять это, и я потерпел неудачу.

Я использую плагин DataTables и пытаюсь создать таблицу со складными строками. Строки будут иметь кнопки «выбрать», каждая из которых имеет свои собственные функции .on («click»). Когда нажата дочерняя строка, выполняются как функция щелчка, так и функция родительской строки. Я уверен, что это связано с тем, что событие активирует элементы DOM (дочерние строки с родительской строкой), и я пытаюсь использовать event.stopPropogation() внутри функции click, но независимо от того, что я пытаюсь, я получить сообщение об ошибке: «event.stopPropogation() не является функцией»

Вот моя основная установка таблица:

function _table(targetDiv) { 

    var keyTable = d3.select("#juice").append("table") 
    .attr("id", "keyTable"); 

    var keyHead = keyTable.append("thead"); 
    var columnNames = [null, "CPC", "Description"]; 

    keyHead.append("tr") 
    .selectAll('td') 
    .data(columnNames).enter() 
     .append('th') 
     .html(function(d) { console.log(d); return d; }); 

    $(document).ready(function() { 
    table = $('#keyTable').DataTable({ 
     "ajax": "testing.txt", 
     "columns":[  
      { 
       //some stuff 
      } 
     ] 
    }); 

И в моем прослушивателя событий (я считаю, что это, как это называется), я пробовал несколько способов, но ни одна из этих работ не работает:

 $('#keyTable tbody') 
     .on("click", 'tr', function(event){ 

      //add children and whatnot 
      event.stopPropogation(); 
     } 

Всегда получаю то же самое error: Непринятый TypeError: event.stopPropogation не является функцией

Сообщите мне, если мне нужно включить дополнительную информацию или любой из кода, который я забыл.

Answer 1

Функция stopPropagation с a - не o.