Autocomplete demo: Use custom namespace for combobox.

(cherry picked from commit 445ffd0acc95e8c4adb4d63b12815e9bcac1c198)

diff --git a/demos/autocomplete/combobox.html b/demos/autocomplete/combobox.html
index 5c74317e283d8ec5344cdc64230a610b941fc7cc..6b1c4455ee2180063464cd32872a7abbc30eb85a 100644 (file)
--- a/demos/autocomplete/combobox.html
+++ b/demos/autocomplete/combobox.html
@@ -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" );
                                        })