jQuery Forum

Hey, I have create a custom download
http://jqueryui.com/download/#!version=1.12.1&components=111100010101000010100010110010001000000000000000

/*! jQuery UI - v1.12.1 - 2017-03-13
* http://jqueryui.com
* Includes: widget.js, position.js, data.js, disable-selection.js, keycode.js, scroll-parent.js, unique-id.js, widgets/sortable.js, widgets/autocomplete.js, widgets/datepicker.js, widgets/menu.js, widgets/mouse.js, widgets/slider.js, effect.js
* Copyright jQuery Foundation and other contributors; Licensed MIT */

and get with jquery 2.2.4

Uncaught TypeError: base is not a constructor
    at Function.$.widget
    at HTMLDocument.<anonymous>
    at fire
    at Object.fireWith [as resolveWith]
    at Function.ready
    at HTMLDocument.completed

I found:
http://stackoverflow.com/questions/2594579/jquery-ui-draggable-js-and-jquery-ui-widget-js-conflict

Is here a bug in custom download?


A version few days old with more plugins working fine

/*! jQuery UI - v1.12.1 - 2017-02-21
* http://jqueryui.com
* Includes: widget.js, position.js, data.js, disable-selection.js, form-reset-mixin.js, keycode.js, labels.js, scroll-parent.js, unique-id.js, widgets/sortable.js, widgets/autocomplete.js, widgets/datepicker.js, widgets/menu.js, widgets/mouse.js, widgets/selectmenu.js, widgets/slider.js, widgets/tooltip.js, effect.js
* Copyright jQuery Foundation and other contributors; Licensed MIT */

What can I do? :)

The default action of select is to replace the text field's value with the value of the selected item. Canceling this event prevents the value from being updated, but does not prevent the menu from closing.

I want only close the popup with clicking outside(or with a custom link) of the popup. Is this not possible?

1. $("#search").autocomplete({  select: function(event, ui) { event.preventDefault(); return false;  } });

EDIT: Here my Solution. I have modify autocomplete minified. Add cutsom options "closeOnSelect:false" and replace:
this.term=this._value(),this.close(t),this.selectedItem=i
with:
this.term=this._value(),this.options.closeOnSelect&&this.close(t),this.selectedItem=i

Thats help me.

Hi.

I use ajax calls to get my results in autocomplete (I love it!). But its happen very very often, that the loading-icon (class .ui-autocomplete-loading) don't hide after result popup is show up. That happen in 1.9.x and in 1.10.0.

Can anybody help me here? :)


jquery.ui.autocomplete.js:

1.     _search: function( value ) {
2.         this.pending++;
3.         this.element.addClass( "ui-autocomplete-loading" );
4.         this.cancelSearch = false;
5.         this.source( { term: value }, this._response() );
6.     },
7. 
   

1.     _response: function() {
2.         var that = this,
3.             index = ++requestIndex;
4.         return function( content ) {
5.             if ( index === requestIndex ) {
6.                 that.__response( content );
7.             }
8.             that.pending--;
9.             if ( !that.pending ) {
10.                 that.element.removeClass( "ui-autocomplete-loading" );
11.             }
12.         };
13.     },

Hello.

In 1.9.x I have use it like: title="&lt;img src=&quot;image.jpg&quot;&gt;"

in 1.10.0 this is not working anymore. What is now the right way to show HTML inside of a tooltip?


EDIT:

Is this the best way for display HTML?: http://jsfiddle.net/NzWTW/

Hi.

I upgraded from 1.8.21 to 1.9.0 and now the html content work not in the same way like before. :(

In 1.8.21

<li class="ui-menu-item" role="presentation">I use this code http://github.com/scottgonzalez/jquery-ui-extensions
In 1.8.21 I can click on my item with html content to select the item and with middle mouse click go to url as new browser tab.
In 1.9.0 is the left click not a select anymore, its load the page of the link. :(

Can anybody help me here, please?

EDIT:

I have create a jsfiddle

jQuery UI 1.8.24
http://jsfiddle.net/7V2Xa/

jQuery UI 1.9.0
http://jsfiddle.net/xK3V5/

Steps:

1. input "a" in input box
2. click on item "AAA"

In Version 1.8.24 nothing happen thanks "return false" but in 1.9.0 its loading the website :(

Hallo.

I have a autocomplete with links in popup-results, so I can open(middle-click) many tabs from all results.
But with this the popup(widget) don't close anymore by clicking outside of popup, if I want cancel the search.

Example: http://jqueryui.com/demos/autocomplete/
Put "s" and go with mouse in popup, now click middle or right mouse and click outside ... popup don't hide.

Is here a way to "fix" this? ;)

Hi.

Is this a brainbug or a bug in sortable 1.8.17?

Demo: http://jqueryui.com/demos/sortable

Default value for tolerance is 'intersect' http://jqueryui.com/demos/sortable/#option-tolerance
quote: "intersect: draggable overlaps the droppable at least 50%"

But its not the draggable, its cursor position. Set cursor on bottom of last item and move up. You see the problem too? Can anybody help me to fix it? ;)

I have very often the same problem like this report (founded link with google)
http://www.assembla.com/spaces/tracks-tickets/tickets/1133

what can i do?

Hi.

I use jQueryUI 1.8.13 and jQuery 1.6.1

autocomplete working fine, but I have a problem with it.

I have a input field for searching and one selectbox for choose a category. After i change the option in selectbox its searching again with val() on input field.

    $('#category').change(function()
    {
        $('#search').autocomplete('search', $('#search').val());
    });

If I change the selectbox option, than its searching new results and the popup never close. What can I do? :)

Hello.

I use this little code and jqueryui 1.8.5

1.     $('#sortable').sortable({
2.         placeholder: 'tr-highlight',
3.         items: 'tr',
4.         beforeStop: function(event, ui) {
5.             $(this).sortable('cancel');
6.         }
7.     });

Problems

1. Placeholder have no background-color with

1. <style type="text/css">
2. .tr-highlight {
3.     height:3em;
4.     border:1px solid red;
5.     background-color:red;
6. }
7. </style>

but its have border-color:red.


2. With drag the item <tr> its not original formated, all dragged <td> have no width anymore, but after drop it, its look perfect and with correct width in <tr>. Its possible to show with drag the correct formated <tr>?


3. After drop the item, I get this message in firebug

this.placeholder[0].parentNode is null

This message coming only with this line in code above

1. $(this).sortable('cancel');

Can anybody help me? What can I do?