从jQuery代码中创建一个jQuery插件

Question

这是我的问题：我有这个不错的Office Minibar implementation我想用在我的项目上。但是，我需要应用到动态创建的textarea元素的jQuery代码，因此需要使用

$("#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

Answer 1

开始了阅读jQuery plugin authoring guide。它很好地贯穿你的事情。如果你想切入追逐，请阅读summary and best practices section。

---

基本上，它会是这样的：

(function($){ 

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

})(jQuery); 

Answer 2

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

Answer 3

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

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

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