2012-04-06 77 views
1

目前JQuery的UI插件工厂http://wiki.jqueryui.com/w/page/12138135/Widget%20factory提供了所有用于构建自定义小部件,但是我想知道的信息JQuery的UI插件我在哪里可以找到如何从头开始创建了小工具,如果有必要绘制控件。这使我的问题,是白手起家,以及各种JQuery的UI组件,我们用它来连接它们仅用于功能性目的的各种html标签?从头开始创建

回答

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>