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 demo: Use custom namespace for combobox.

Browse Source 
(cherry picked from commit 445ffd0acc)
This commit is contained in:
Scott González 2013-04-11 20:54:36 -04:00
parent 693bab1010
commit 9c2bbf4e4c
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
demos/autocomplete/combobox.html
View File

@ -14,11 +14,11 @@
<script src="../../ui/jquery.ui.tooltip.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
.ui-combobox {
.custom-combobox {
position: relative;
display: inline-block;
}
.ui-combobox-toggle {
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
@ -28,17 +28,17 @@
*height: 1.7em;
*top: 0.1em;
}
.ui-combobox-input {
.custom-combobox-input {
margin: 0;
padding: 0.3em;
}
</style>
<script>
(function( $ ) {
$.widget( "ui.combobox", {
$.widget( "custom.combobox", {
_create: function() {
this.wrapper = $( "<span>" )
.addClass( "ui-combobox" )
.addClass( "custom-combobox" )
.insertAfter( this.element );
this.element.hide();
@ -54,7 +54,7 @@
.appendTo( this.wrapper )
.val( value )
.attr( "title", "" )
.addClass( "ui-state-default ui-combobox-input ui-widget ui-widget-content ui-corner-left" )
.addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
.autocomplete({
delay: 0,
minLength: 0,
@ -92,7 +92,7 @@
text: false
})
.removeClass( "ui-corner-all" )
.addClass( "ui-corner-right ui-combobox-toggle" )
.addClass( "custom-combobox-toggle ui-corner-right" )
.mousedown(function() {
wasOpen = input.autocomplete( "widget" ).is( ":visible" );
})