kendo ui模板綁定

Question

我爲我的web應用程序使用Kendo UI。 我在我的應用這樣一個奇怪的現象：

<script id="Template" type="text/x-kendo-template"> 
     <div data-bind="click: firstClick">First</div> 
     <div data-bind="click: secondClick">Second</div> 
    </script> 
    <div data-bind="click: firstClick">First</div> 
    <div data-bind="click: secondClick">Second</div> 
    <ul id="menu-groups" data-template="Template" data-bind="source: dataSource"></ul> 

這裏是視圖模型：

 var viewModel = kendo.observable({ 
      dataSource: dataSource, 
      menuClick: function(e) { 
       alert(e); 
      }, 
      firstClick: function(e) { 
       alert('first');  
      }, 
      secondClick: function(e) { 
       alert('second');  
      } 
     }); 

當我把div的模板外，均爲2個職能的工作。當我在模板內放入div時只觸發第一次點擊，第二次不起作用。

你能幫我找出是什麼原因嗎？

在此先感謝！

Answer 1

模板腳本中應該有單個包裝元素。把兩個div放在一個包裝div中，它可以正常工作。