剑道排序+AngularJS:点击事件未触发

我有一个指令，其中包含一个KendoSortable。我想知道用户何时单击任何可排序的div，但没有触发click事件。这个代码怎么了

HTML

Javascript

var app = angular.module("app", [ "kendo.directives" ]);

app.directive('dir2', function() {

      var directive = {};

      directive.restrict = 'EA';

      directive.template = '<div kendo-sortable="list" id="listid"></div>';

      directive.link = function(scope, element, attrs) {

           scope.$on("kendoWidgetCreated", function(event, widget){

                if (widget === scope.list) {
                    $('#listid').append ( '<div class="item">11111111</div>');  
                    $('#listid').append ( '<div class="item">22222222</div>');
                    $('#listid').append ( '<div class="item">33333333</div>');
                }

         });


         $('.item').on( "click", function( event ){

            alert('clicked');
            console.log(event);

         });

      };

     return directive;
});

---

如果项目是动态生成的，则

$('.item').on( "click", function( event ){
//yourcode
});

如果不起作用，则需要调用DOM，然后调用正在侦听的对象

$(document).on( "click", ".item", function( event ){
});

---

您是在尝试检查使用您的指令的内容上的点击，还是在您的指令中的某个内容上的点击？我正在尝试捕获对排序表中的div使用class=item的div的点击。我需要得到被点击的div的文本。我对angular内部的jquery不太熟悉，我不知道angular指令如何响应模板的更改。您可以考虑使用一个预定义的NG点击事件的NG重复作为模板。

$(document).on( "click", ".item", function( event ){
});