jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 向UI对话框插件添加自定义方法大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery的UI对话框,我想添加一个自定义方法.

基本上当我的对话框有一个“工作”类时,它有一个加载覆盖.我正在尝试编写一些全局应用程序jQuery,以便在任何对话框关闭时,它会删除类“工作”.

我不确定我在做什么,但这是我到目前为止所做的:

(function ($) {

    // BIND TO DIALOG CLOSE EVENT
    $('.ui-dialog').live('dialogclose',function() {
        $(this).dialog('cancelWorking');
    });

    // CUSTOM METHOD
    $.fn.dialog.cancelWorking = function() {
        $(this).removeClass('working');
    };

}(jQuery));

正如你所看到的,我不确定如何调用对话框的cancelWorking方法,我不确定我是否已经正确定义了该方法.

解决方法

正如我的评论中提到的,您可以从插件继承并扩展其方法.

(function($,undefined) {

    $.widget('ui.mydialog',$.ui.dialog,{
        test : function() { alert('works') },});

    $.extend($.ui.mydialog,{version:'v0.1'});
 })(jQuery);

简单地使用它:

$('.SELEctor').mydialog({modal:truE}); //Create (same as a dialog)

$('.SELEctor').mydialog('test');  //Call extended method

此模式允许您添加其他输入选项,方法,事件等,以及重载或扩展父插件中提供的功能.

还应该提到这很好,因为您仍然可以使用常规插件而无需在UI中的其他位置进行任何修改.

大佬总结

以上是大佬教程为你收集整理的jquery – 向UI对话框插件添加自定义方法全部内容,希望文章能够帮你解决jquery – 向UI对话框插件添加自定义方法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。