jQuery动态产生的铵钮怎样实现事件处理

时间:2023-03-10 06:44:38
jQuery动态产生的铵钮怎样实现事件处理

在ASP.NET MVC环境中,实现一个小功能,就是希望使用jQuery动态一个铵钮,并让用户能执行这个铵钮的click事件。
为了更好的理解与对比,Insus.NET在视图中先写一个静态的,执行相似的功能,再使用动态产生的铵钮来实现。

jQuery的事件,上一次我们有学习了.on(xxx) 《学习jQuery的on事件http://www.cnblogs.com/insus/p/4310999.html 而今天的动态,却需要学习一个叫.delegate(xxx)。

控制器Controller:
jQuery动态产生的铵钮怎样实现事件处理

View视图:
jQuery动态产生的铵钮怎样实现事件处理

上图示例中的标记A,在相对应的控制器目录中创建控制器相对应的操作Action。

标记B,文本框,用户填入数据。

标记C,静态铵钮。

标记D,div标签,是用来动态加载jQuery动态产生的铵钮。

标记E,引用jQuery类库。

标记F,jQuery代码:
jQuery动态产生的铵钮怎样实现事件处理

实时演示:

jQuery动态产生的铵钮怎样实现事件处理