搜索JQGrid结果后不显示简单模态弹出窗口

Question

以下是我的

  

fiddle

HTML：

<table id="grid"></table>

我的JqGrid中有一个编辑按钮和删除按钮。

我的问题是，每当jQGrid中发生搜索，清除搜索框中的值后，当我点击编辑按钮和删除按钮时，我没有采取任何操作。

有人可以告诉我这里有什么问题吗？

谢谢，

Answer 1

这里需要event delegation，因为按钮是动态生成的，

$('#grid').on('click','.editbtn',function(){
    alert('edit clicked here');
});
$('#grid').on('click','.delbtn',function(){
    alert('delete clicked here');
});

Fiddle Demo

  

事件委托允许我们将单个事件侦听器附加到父元素，该元素将为匹配选择器的所有后代触发，无论这些后代现在是存在还是将来添加。