bootstrap contextmenu不适用于动态创建的元素

Question

我正致力于家谱建设。我想要的就是。当我右键单击元素上下文菜单时应该出现。但在我的代码中，它无法正常工作。

上下文菜单仅适用于静态元素，不适用于动态元素。

$(function() {
    $('span').contextmenu({

        target: '#context-menu2',
        onItem: function (context, e) {
          alert($(e.target).text());
        }
      });
});

    <div id="wrapper">
            <span class="label toggleable nodeContextMenu" data-toggle="context" id="root">Sale Person</span>
            <div class="branch lv1"><div class="entry sole">    
               <span data-toggle="context" id="childNode" class="label wordwrap level1 nodeContextMenu selectedDiv" title="sdsd">sdsd</span>

           </div>

   </div>

当我点击span元素时，在span元素下创建了新元素，但是上下文菜单没有对此进行处理。 new元素与父span元素相同。我如何绑定新元素的上下文菜单