library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Autocomplete categories demo: Removed custom jQuery methods and tweaked the category styling.

Browse Source
This commit is contained in:
Scott González 2010-02-17 03:28:18 +00:00
parent d3141b84cb
commit 1342b2a867
1 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
demos/autocomplete/categories.html
View File

@ -12,25 +12,11 @@
<style type="text/css"> <style type="text/css">
.ui-autocomplete-category { .ui-autocomplete-category {
padding:.2em .4em; padding:.2em .4em;
margin:.8em 0 .2em;
line-height:1.5; line-height:1.5;
} }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$.each({
prevOf: "previousSibling",
nextOf: "nextSibling"
}, function( method, traversal ) {
$.fn[ method ] = function( selector ) {
return this.pushStack( this.map(function() {
var ret = this[ traversal ];
while ( ret && !$( ret ).is( selector ) ) {
ret = ret[ traversal ];
}
return ret;
}) );
};
});
$.extend( $.ui.menu.prototype, { $.extend( $.ui.menu.prototype, {
next: function() { next: function() {
this.move("next", ".ui-menu-item:first"); this.move("next", ".ui-menu-item:first");
@ -45,7 +31,7 @@
this.activate(this.element.children(edge)); this.activate(this.element.children(edge));
return; return;
} }
var next = this.active[direction + "Of"]('.ui-menu-item'); var next = this.active[direction + "All"]('.ui-menu-item').eq( 0 );
if (next.length) { if (next.length) {
this.activate(next); this.activate(next);
} else { } else {
@ -60,7 +46,7 @@
currentCategory = ""; currentCategory = "";
$.each( items, function( index, item ) { $.each( items, function( index, item ) {
if ( item.category != currentCategory ) { if ( item.category != currentCategory ) {
ul.append( "<li class='ui-widget-header ui-autocomplete-category'>" + item.category + "</li>" ); ul.append( "<li class='ui-widget-header ui-autocomplete-category ui-corner-all'>" + item.category + "</li>" );
currentCategory = item.category; currentCategory = item.category;
} }
self._renderItem( ul, item ); self._renderItem( ul, item );