逐步编写一个jQuery插件(todoify)(2)_H5之家 - 中国HTML5教程资源分享第一站

jQuery技术

逐步编写一个jQuery插件(todoify)(2)

字号+ 作者：H5之家来源：H5之家 2017-11-16 14:01 我要评论( )

$("#thing-input").todoify({ container: "#thing-todos", template: "sectionheader%= todo %/headeraremove/a/section", renderItem: function(item) { var cont = this.renderTemplate(item); cont.find("a").cl

$("#thing-input").todoify({ container: "#thing-todos", template: "<section><header><%= todo %></header><a>remove</a></section>", renderItem: function(item) { var cont = this.renderTemplate(item); cont.find("a").click(function(event){ cont.remove(); }); return cont; } });

进一步改进

目前，todoify还没有与后台进行任何的通信，如果可以和后台的RESTFul的API集成的话，这个插件将会有更多的使用场景。

简单来讲，只需要为插件提供更多选项，并提供回调函数即可，比如：

$("#input").todoify({ restful: 'http://app/todos', onadd: function(item){ //... }, ondelete: function(item){ //... } })

然后加入一些ajax的调用即可。