jQuery插件架构问题,无需初始化即可调用插件的方法

Posted

技术标签:

【中文标题】jQuery插件架构问题,无需初始化即可调用插件的方法【英文标题】:jQuery plugin architecture issue for calling plugin's method without initialization 【发布时间】:2019-03-22 04:17:08 【问题描述】:

我制作了一个 jQuery 插件,用于在将表单提交到服务器之前执行表单验证。

例如

案例1.我可以直接调用下面的函数。

 $('#btnSubmit').formValidator();

案例 2. 但如果我想调用这样的函数以在验证之后和将表单提交到服务器之前执行附加逻辑-

$('#btnSubmit').on('click', function () 
                if ($(this).formValidator("execute")) 
                    //addtional logic
                
            )

但在案例2中,我无法调用函数

完整代码在这里 - https://jsfiddle.net/xLs298yc/ 将不胜感激一点帮助。

谢谢。

【问题讨论】:

【参考方案1】:
$('#btnSubmit').on('click', function () 
                if ($(this).formValidator("execute")) 
                    //addtional logic
                
            )

你试过了吗?

if ($("#"+this.id).formValidator("execute"))

【讨论】:

我试过了,但没有成功,调用时抛出了未知的插件数据

以上是关于jQuery插件架构问题,无需初始化即可调用插件的方法的主要内容,如果未能解决你的问题,请参考以下文章

jquery组织架构图插件

vue引入依赖jquery的第三方插件

无需重启即可安装 Jenkins 插件

Phonegap 无需插件即可构建远程推送通知?

phonegap 2.2 + jQuery + Mapkit 插件

weixinShare.js / 极简微信分享插件