Контекстное меню не работает с обработкой данных на стороне сервера

Question

Попытка запустить контекстное меню при наведении курсора на класс, динамически создаваемый datatable.

Я пытался написать скрипт как

Мой HTML

<table id="example1" class="table">
   <thead>
      <tr>
        <th>#</th>
        <th>Name</th>
      </tr>
   </thead>
   <tbody></tbody>
</table>

Script As

$(function(){
  $('#example1').DataTable({
    "processing": true,
    "serverSide": true,
    "order": [],
    "ajax": {
        "url": "ajax.php",
        "type": "POST"
    },
    "columns": [
        { "data": function(e,k){
          return '<span class="context-menu-one">'+e.member_id+'</span>';
        } },
        { "data": "first_name" },
    ]
});

$.contextMenu({
    selector: '.context-menu-one', 
    trigger: 'hover',
    delay: 500,
    autoHide: true,
    build: function($triggerElement, e){
        return {
                callback: function(){},
                items: {
                    "edit": {
                        name: "Edit", 
                        icon: "edit", 
                        callback: function(key, options) {
                            var m = "edit was clicked";
                            alert(m);
                        }
                    },
                }
            }
    }
});
});

Все сценарии, связанные с js и css, подключены и работают нормально. Основная проблема заключается в том, что контекстное меню не может повторно инициализироваться, когда данные помещаются в таблицу.