Skip to main content

Search and Top Navigation

#7487 closed bug (notabug)

Opened June 17, 2011 09:09PM UTC

Closed June 17, 2011 09:11PM UTC

Last modified June 18, 2011 02:37PM UTC

Does Not Work With IE9

Reported by: rjperes Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.draggable Version: 1.8.13
Keywords: Cc:
Blocked by: Blocking:
Description

Does not work with IE9.

Attachments (0)
Change History (3)

Changed June 17, 2011 09:11PM UTC by scottgonzalez comment:1

resolution: → invalid
status: newclosed

Please provide details.

Changed June 18, 2011 08:10AM UTC by rjperes comment:2

What details do you need? Isn't this self explanatory?

Anyway, here is a sample code that does not work with IE 9 but does work with IE 8, Firefox 4 and Chrome 12:

<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http:www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<style type="text/css">

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.js"></script>

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css"/>

<script type="text/javascript">

function draggable()

{

$('#containee').draggable(

{

start: function(evt, ui)

{

ui.helper.removeMe = true;

window.status = 'start drag';

},

stop: function(evt, ui)

{

if (ui.helper.removeMe == true)

{

ui.helper.remove();

}

window.status = 'stop drag';

},

containment: 'parent',

cursor: 'move'

});

$("#container").droppable(

{

drop: function(evt, ui)

{

ui.helper.removeMe = false;

}

});

}

$(document).ready(function()

{

draggable();

});

</script>

</head>

<body>

<form>

<div id="container" style="border: solid 1px black; position: absolute; top: 100px; left: 100px; right: 100px; bottom: 100px;">

<div id="containee" style="background-color: orange; width: 50px; height: 50px;" class="ui-widget-content"></div>

</div>

</form>

</body>

</html>

Changed June 18, 2011 02:37PM UTC by scottgonzalez comment:3

You're not using 1.8.13, you're using 1.8.3. Use a more recent version.