用jQuery代码创建jQuery插件

时间:2011-02-17 13:20:03

标签: javascript jquery html

这是我的问题:我有一个很好的Office Minibar implementation,我想在我的项目中使用它。但是,我需要将Jquery代码应用于动态创建的textarea元素,因此需要使用

$("#textarea_id").minibar();  //minibar() applies the minibar to the selected textarea element

然而,我完全失去了如何做到这一点。任何帮助将非常感谢。迷你吧编码非常简单:

http://www.jankoatwarpspeed.com/post/2010/05/23/microsoft-office-minibar-jQuery-CSS3.aspx

3 个答案:

答案 0 :(得分:4)

开始阅读jQuery plugin authoring guide。它非常适合引导你完成任务。如果您想切入追逐,请阅读summary and best practices section


基本上,它看起来像这样:

(function($){

    $.fn.minibar = function () {
        // minibar initialization code here
    };

})(jQuery);

答案 1 :(得分:1)

jQuery的plugin authoring是一个很好的起点。

答案 2 :(得分:1)

我也同意Plugin Authoring tool是一个好的开始。

还有一个Jquery Plugin Skeleton提供了常用的插件模式。

我注意到你的代码中有静态ID和标记。动态创建这些元素可能更好,因此使用您的插件的人不必添加它们,并且没有id或类名冲突。