mousedown事件不适用于kendolistview按钮

Question

我正在使用kendoListview。 我已经给我的列表视图一样，

<div id="listview"></div> 
var listview = $("#listview").kendoListView({ 
    selectable: true, 
    navigatable: false, 
    editable: true, 
    template: kendo.template($("#template").html()), 
    editTemplate: kendo.template($("#editTemplate").html()), 
}).data("kendoListView"); 

中我已经给像编辑模板

，

<script type="text/x-kendo-tmpl" id="editTemplate"> 
    <div> 
    <table style="width:500px"> 
    <tr> 
     <td>Name</td> 
     <td><input type="text" class="k-textbox" id="firstName"/></td> 
    </tr> 

    </table> 
    <div class="edit-buttons"> 
     <input type="button" class="k-update" id = "save1" value="save"/> 
     <input type="button" class="k-cancel-button" id = "cancel1" value="cancel"/> 
    </div> 
    </div> 
</script> 

如果我给鼠标下来保存按钮，它在不触发事件。

$("#save1").mousedown(function (e) { 
     alert("In mouse down"); 
}); 

如果我定义按钮外侧列表视图然后这个事件是射击。问题是什么？

Answer 1

的问题很可能是相关的事实，当你设置mousedown事件处理程序没有与idsave1因为这是模板的一部分，当你进入编辑模式创建任何元素。

因此，无论你运行：

$("#listview").on("mousedown", "#save1", function (e) { 
     alert("In mouse down"); 
}); 

看到一个的jsfiddle实施这一这里：http://jsfiddle.net/OnaBai/6vac4/

$("#save1").mousedown(function (e) { 
    alert("In mouse down"); 
}); 

每次你进入编辑模式，或者你使用jQuery live或 on