我用 jQuery 编写 Javascript 已经有一段时间了,我可以让它做我想做的事,但我从来没有写过任何真正可重用或模块化的东西。现在是我迈出这一步并编写适当的可重用 Javascript 的时候了。
我想我会从我已经实现了无数次的东西开始,一个确认删除对话框。我希望能够指定一个在确认时执行的函数和一个在取消时执行的函数。
我看到这个工作的方式(这很容易受到批评)是做这样的事情:
$(element).confirmDialog(function(){
// this is the cancel callback
},
function(){
// this is the confirm callback
});
我还希望根据链接上的数据属性显示对话框,而不是.on('click'...
每次都编写处理程序,但我不知道如何将特定confirmDialog
内容与处理.on('click'...
.
到目前为止,这真的是我所知道的。我知道,因为我希望能够将功能添加到我需要定义confirmDialog()
为的任何元素中$.fn.confirmDialog = function(){...}
。
虽然我可以以特别的方式实现整个事情,但我不确定如何将这个功能实现为一个定义明确、松散耦合的可重用模块。
有人可以帮助我了解如何构建这个模块,或者提供一个链接到一个非常详尽的教程,该教程专门关于编写可重用的 Javascript?