Treeview onNodeSelected не стреляя

Question

Im помощью TreeView Jon Miles от https://github.com/jonmiles/bootstrap-treeview

Я генерировал структуру данных в формате JSON и TreeView дисплеи красиво, однако я не могу сделать onNodeSelected огня события.

JS:

<script src="~/Scripts/jquery-3.1.1.js"></script> 
<script src="~/Scripts/bootstrap-treeview.js"></script> 
<link href="~/Content/bootstrap.css" rel="stylesheet" />  

<script> 
    $(function() { 

     var defaultData = @Html.Raw(broadcaster.GetTreeViewData()); //Getting data from C# data structure 

     $('#tree').treeview({ 

      color: "#428bca", 
      data: defaultData, 
      levels: 2 
     }); 
    }); 

    $('#tree').treeview({ 
     onNodeSelected: function(event, data) { 
      alert('selected:') 
     }}); 
</script> 

HTML:

<li> 
    <div id="tree"></div> 
</li> 

редактировать: также попытался JQuery на(), но не повезло - ничего не происходит.

$('#tree').on('nodeSelected', function(event, data) { 
     alert('selected:') 

Answer 1

вы инициализация узлы 2 раза .. это должно быть, как это ...

$(function() { 

     var defaultData = @Html.Raw(broadcaster.GetTreeViewData()); //Getting data from C# data structure 



      $('#tree').treeview({ 

       color: "#428bca", 
       data: defaultData, 
       levels: 2, 
    onNodeSelected: function(event, data) { 
       alert('selected:') 
      } 
      }); 
     });