Clicking on an image to drag it makes it flash in position 1 for a short time in firefox but not safari
In firefox, whenever I click on one of the images, that image flashes
in position1 for a very short time (the two images seem superposed).
This gives a jerky effect on picture 1 which is not acceptable.
this does not happen in safari, the sort proceeds normally without
jerkiness on picture 1.
Am I doing anything wrong? I am using the lastest 1.5b2 download.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sortables - jQuery UI </title>
<!-- jQuery Core -->
<script type="text/javascript" src="jquery-1.2.4a.js"></script>
<!-- jQuery UI Base -->
<script type="text/javascript" src="ui.base.js"></script>
<!-- jQuery UI Plugins -->
<script type="text/javascript" src="ui.sortable.js"></script>
</head>
<body>
<style type="text/css" media="all">
div ul li
{
list-style-type: none;
float: left;
}
</style>
<div >
<ul id="example" >
<li> <img src="../images/Practice1/Practice1.Position1.JPG"/> </li>
<li> <img src="../images/Practice1/Practice1.Position2.JPG"/> </li>
<li> <img src="../images/Practice1/Practice1.Position3.JPG"/> </li>
<li> <img src="../images/Practice1/Practice1.Position4.JPG"/> </li>
<li> <img src="../images/Practice1/Practice1.Position5.JPG"/> </li>
</ul>
</div>
<script>
$(window).bind("load",function(){
$("#example").sortable();
}
);
</script>
</body>
</html>