jQuery UI does not work on IE9...

finalmars

回复: jQuery UI does not work on IE9...

3 years ago

someone who can answer me about this please?

rdworth

Re: jQuery UI does not work on IE9...

3 years ago

The biggest issue we've noticed to date (and please take note, IE9 is currently preview release, not yet beta which is when we start active testing of browsers) is that mouse drag interactions start very briefly (just an instant) and then get cancelled right away. This has the appearance of no jQuery UI drag-and-drop mouse interactions (drag, drag-and-drop, resize, select, sort) working at all in the latest preview release of IE9.

The issue is caused by some detection code in jQuery UI that, if the browser is IE, checks the value of event.button in the mousemove event. In versions of IE previous to IE9 this property could be used to determine if the mouse button is still down, meaning the user is still dragging. The most common scenario where the inverse could be true is if the mouse button was released during a drag while the cursor was outside of the window, which in the same versions of IE does not trigger a mouseup. So this is detection code to make sure we handle that and don't continue a drag if the mouse button is not still down while the mouse was captured and is still moving.

This change in IE9 actually brings it to standards compliance, so it's hard to fault the browser. The unfortunate bit is that without an update (which we'll have to figure out and release, presumably), current and previous versions of jQuery UI won't support mouse interactions in IE9. As I mentioned above, the soonest we could make such a decision is once the first beta is out.

rdworth

Re: Re: jQuery UI does not work on IE9...

3 years ago

Ok, here's a hotfix we can start testing with

<script>(function($){var a=$.ui.mouse.prototype._mouseMove;$.ui.mouse.prototype._mouseMove=function(b){b.button=1;a.apply(this,[b]);}}(jQuery));</script>

wuacid

Re: jQuery UI does not work on IE9...

3 years ago

There's more than that going on, IE9 has moved their old implementation of the event.button over to event.button s (makes sense since their implementation is a bit mask and therefore could theoretically represent more than one button being down). So just in test I checked to see if swapping these values out would solve the issue.

So inside jQuery.event.fix (line 2008) I adjusted the function to read:

if ( !event.which && event.button !== undefined ) {
var btn = (originalEvent.buttons || event.button);
event.which = (btn & 1 ? 1 : ( btn & 2 ? 3 : ( btn & 4 ? 2 : 0 ) ));
}

which gets it past the "missed mouseup" check but still fails to operate properly

connormt

Re: jQuery UI does not work on IE9...

3 years ago

http://scripts.reloadlab.net/
This plugin working in all browesers - ff2+, Opera, Chrome, Safari, ie6, ie7, ie8, but not in IE9.
In IE9 not working. Why?
I think these two problems are connected.

alkarex

Réf.: jQuery UI does not work on IE9...

3 years ago

Hello,

Now that IE9 beta1 has been released, here is a link to the bug entry

http://dev.jqueryui.com/ticket/5370

Cordially,

Alexandre

http://alexandre.alapetite.fr

matt.mobs..

Re: jQuery UI does not work on IE9...

3 years ago

I installed IE9 beta at work today vista 64 and sort was working but remove from dom was not. Now at home in Windows 7 64 neither sort or drag drop working unless I put document mode in IE8 standards. Then all works except remove from dom.

Same on demo page http://jqueryui.com/demos/sortable/ if I put document mode in IE8 standards works

lekshmijk..

Re: jQuery UI does not work on IE9...

3 years ago

Hi,

I am also facing issues with jquery sortable in new IE9 beta version. I couldn't drag and drop any items using JQuery sortable function. It will be helpful if any one can share a fix for this.

Thanks,
Lekshmi

rdworth

Re: jQuery UI does not work on IE9...

3 years ago

Fix applied closing http://dev.jqueryui.com/ticket/5370 . This will be in jQuery UI 1.8.6.

If you can't upgrade to 1.8.6 (yet), this hotfix will allow older versions of jQuery UI drag-and-drop to work with IE9:

<script>// HOTFIX: We can't upgrade to jQuery UI 1.8.6 (yet)
// This hotfix makes older versions of jQuery UI drag-and-drop work in IE9
(function($){var a=$.ui.mouse.prototype._mouseMove;$.ui.mouse.prototype._mouseMove=function(b){if($.browser.msie&&document.documentMode>=9){b.button=1};a.apply(this,[b]);}}(jQuery));</script>

Demo without hotfix: http://jsbin.com/ubabe3 (shows 1.8.5 is broken in IE9)

Demo with hotfix: http://jsbin.com/ubabe3/3 (shows 1.8.5+hotfix works in IE9)

oferc666

Re: jQuery UI does not work on IE9...

3 years ago

This fix doesn't works with jquery-1.3.2 and jquery-ui 1.7.3 (default in drupal 6 with jquery-update module).
On firebug I get the next error: "TypeError: $.ui.mouse.prototype is undefined."
In explorer: "Unable to get value of the property '_mouseMove': object is null or undefined"

Please, advice how to fix this.

Thanks.

tengoal

Re: Re: jQuery UI does not work on IE9...

2 years ago

We ran into the same thing and the problem is that "prototype" is undefined. When you remove the prototype reference it seems to work... Add this to the bottom of ui.core.js.

(function($) {
    var a = $.ui.mouse._mouseMove;
    $.ui.mouse._mouseMove = function(b) {
        if ($.browser.msie && document.documentMode >= 9) {
            b.button = 1
        };
        a.apply(this, [b]);
    }
} (jQuery));

tengoal

Re: jQuery UI does not work on IE9...

3 years ago

FYI - we have the same problem as oferc666. We need a patch for 1.3.2/1.7.2 if possible.

Thanks.

rosen.ross

Re: Re: jQuery UI does not work on IE9...

3 years ago

Definelty not working under 1.3.2 and 1.7.2 :(

jwong.day..

Re: Re: jQuery UI does not work on IE9...

2 years ago

Another request for a patch for UI 1.7.2/jQuery 1.3.2.

ignaciogr..

Re: Re: jQuery UI does not work on IE9...

2 years ago

I still have to use jQuery 1.2.6 (Liferay 5). I finally fixed it by replacing:
if ($.browser.msie && !e.button)
by
if ($.browser.msie && document.documentMode < 9 && !e.button)
in ui.core.js (mouseMove function).

herdboy

Re: jQuery UI does not work on IE9...

2 years ago

I was experiencing the same and had to upgrade to 1.8.6

grandprix

Re: jQuery UI does not work on IE9...

2 years ago

Please note that the hot fix for older versions of JQuery UI doesn't work. At least it didn't work for versions 1.7 and 1.7.3. To make it work for these versions I had to make the change directly to the jquery-ui.js file.

Below is the updated _mouseMove function that allows you to drag and drop. This has been test with 1.7.3 of Jquery Ui.

, _mouseMove: function (j) {
if ($.browser.msie && document.documentMode >= 9) {
j.button = 1
}
if (c.browser.msie && !j.button) {
return this._mouseUp(j)
}
if (this._mouseStarted) {
this._mouseDrag(j);
return j.preventDefault()
}
if (this._mouseDistanceMet(j) && this._mouseDelayMet(j)) {
this._mouseStarted = (this._mouseStart(this._mouseDownEvent, j) !== false);
(this._mouseStarted ? this._mouseDrag(j) : this._mouseUp(j))
}
return !this._mouseStarted
}

kimtho6

Re: jQuery UI does not work on IE9...

2 years ago

Still need a fix for 1.7.2 the above example does not work for that version :(

brewkat

Re: jQuery UI does not work on IE9...

2 years ago

the fix from ignaciogros above works for me on jquery 1.3.2 and ui 1.7.2

i edited mouseMove function in jquery-ui-1.7.2.js and replaced this:

if ($.browser.msie && !e.button)

with

if ($.browser.msie && document.documentMode < 9 && !e.button)

nedmartin

Re: Re: jQuery UI does not work on IE9...

1 year ago

Worth noting in my version (UI 1.7.3) the applicable line was "c.browser.msie&&!j.button" which I replaced with "c.browser.msie && document.documentMode < 9 && !j.button"

unclemike..

Re: jQuery UI does not work on IE9...

11 months ago

I've wasted the past few hours, trying to get draggable to work with JQuery 1.8.3 and JQuery UI 1.9.2.

My div control simply wasn't clickable or draggable in (just) IE9 or IE10.

I even tried setting the div's css "-ms-touch-action" to "none" (as recommended elsewhere), but it made no difference.

In the end, the solution was ridiculous.

I needed to add a white background to my div... and then...make the background colour invisible.

.cssMike

{

position: absolute;

width: 65px;

height: 45px;

background-color:#FFFFFF; opacity:0;

}

With this line added to my .css, the JQuery UI "draggable()" function started working again, and my div finally became draggable and clickable in IE9 and IE10.

"Developers ! Developers ! Developers !"

Uh-huh....

webmaster..

Re: jQuery UI does not work on IE9...

8 months ago

Hi ignaciogr,

Thanks Dude. your code "if ($.browser.msie && !e.button)
by
if ($.browser.msie && document.documentMode < 9 && !e.button)
in ui.core.js (mouseMove function)" is working fine.

it is very helpful to fix this problem.
"

Response title

Attachments

jQuery Forum