Clicking on an image to drag it makes it flash in position 1 for a short time in firefox but not safari

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>












































    • Topic Participants

    • anne