從頭開始創建

Question

目前JQuery的UI插件工廠http://wiki.jqueryui.com/w/page/12138135/Widget%20factory提供了所有用於構建自定義小部件，但是我想知道的信息JQuery的UI插件我在哪裏可以找到如何從頭開始創建了小工具，如果有必要繪製控件。這使我的問題，是白手起家，以及各種JQuery的UI組件，我們用它來連接它們僅用於功能性目的的各種html標籤？

Answer 1

的jQuery UI部件通常被稱爲具有用於插件的基本需求，這取決於部件是什麼現有的DOM元素上，這可能是即使是空的元素，比方說一個空DIV。

很多時候部件接受，作爲一個基地，它，並創建一些子元素的正確呈現自身。除非你在窗口小部件調用destroy，那些仍然在那裏，你可以隨時甚至超越自己的風格，等等

一個很好的例子是滑塊控件。您可以通過所有參數的小部件，只是把它的空DIV左右，但它確實創造都喜歡把手等部位，和jQuery UI的CSS框架已經爲那些創建的元素樣式（基於所需的子元素在創建它們時，小部件添加到它們的CSS類上）。

因此，在正式slider example page，這樣的：

<style> 
    #demo-frame > div.demo { padding: 10px !important; } 
    </style> 
    <script> 
    $(function() { 
     $("#slider").slider(); 
    }); 
    </script> 

<div class="demo"> 

<div id="slider"></div> 

</div> 

產生：

<div class="demo"> 

<div id="slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%; "></a></div> 

</div>