代码之家 › 专栏 › 技术社区 › tcurdt

多功能jquery插件

jquery-plugins jquery javascript

tcurdt · 技术社区 · 14 年前

根据开发人员文档,jquery插件应该只有一个名称空间,用于它们提供的所有函数。只要每个上下文只公开一个函数(static/element),就可以直接使用它。

(function($){

    var

    state_a = 0,

    $.myplugin = function(in_options) {
      // static
      return this;
    }

    $.fn.myplugin = function(in_options) {
      // element
      return this;
    }

})(jQuery);

这使得这样的呼叫成为可能:

$("elem").myplugin(options);
jQuery.myplugin(options);

如果您有多个函数并且需要共享状态,那么最好的方法是什么?我想这样调用我的插件:

$("elem").myplugin.start(options);
$("elem").myplugin.stop();
jQuery.myplugin.start(options);
jQuery.myplugin.stop();

3 回复 | 直到 13 年前

dochoffiday 14 年前

我用过arguments.calee之前:

(function ($) {
    $.fn.pagination = function (options) {
        var defaults = {
        };
        options = $.extend(defaults, options);

        var object = $(this);

        arguments.callee.updatePaging = function () {
            //do stuff
        };
    });

然后,在您的页面上:

    var pagination = $("#pagination");
    pagination.pagination();
    pagination.pagination.updatePaging();

Matti Virkkunen 14 年前

jquery插件倾向于为不同的函数使用字符串参数:

$(...).myplugin('start', options);
$(...).myplugin('stop');

我想不出一个简单的方法来使用您想要使用的语法,因为在中间有一个额外的属性将使 this 使用所选元素指向jquery对象之外的其他对象。就我个人而言,我发现使用一个字符串参数来完全改变函数做的事情也有点难看。 $(...).myplugin().function() 可能是可行的,但可能没有使用字符串参数那么有效。

jackocnr 13 年前

这在文档中解释得很好: http://docs.jquery.com/Plugins/Authoring#Namespacing

推荐文章

Ravindra Bhanderi · 如何在Laravel的CKEditor中上载图像,并在服务器端上载图像

7 年前

Hello Folks · jQuery可调整大小的插件游标损坏

7 年前

Vanjith · jQuery jqplot-如何创建标签的多行

7 年前

Joshua Paul Barnard · 使用append在jQuery插件中创建覆盖

7 年前

Abilash Erikson · 如何在前端拍摄包含用户上传图像的div的截图?

7 年前

Jiga · 如何使用jQuery插件制作一个小时倒计时计时器

7 年前

g5wx · 初始化后更新jQuery插件设置

7 年前

prabha · 直接在网站中打开和编辑csv文件

7 年前

John · 如何定义jQuery validate setDefaults

7 年前

Sandeep Maharjan · 如何在Jquery验证插件中使用ajaxUserCall函数

8 年前