Sortables in IE
Sortables in IE
Hi i recently created a simple sortables div... very simple...judt a
<ul> with sortable <li> elements...
Now everything hunky dory in FF
BUT in IE i get strange behaviour
1) text disappears on drag???
2) The first element wraps over 2 lines....(purposefully)
when it is clicked there is a DISTINCT lag before IE allows drag....
3-4 seconds at least
Single line it is OK.... In FF none of above probs occur
Anyone any ideas about the 2 above?
Code here
<script src="jquery.js"></script>
<script src="jquery.dimensions.js"></script>
<script src="ui.mouse.js"></script>
<script src="ui.draggable.js"></script>
<script src="ui.droppable.js"></script>
<script src="ui.sortable.js"></script>
<script>
$(document).ready(function(){
$
("#myList").sortable({'hoverClass':'hovering','containment':'#myList'});
});
</script>
<style>
ul { margin: 0px; padding : 0px;list-style: none; }
li
{
background: #eeeeee;
color: #00000;
border : 1px solid #999999;
width: 100%;
padding: 3px;
}
.hovering
{
border : 1px dashed green;
}
.question
{
width : 500px;
border : 0px solid #dddddd;
margin : 20px auto;
}
</style>
</head>
<body>
<div class = 'question' id = 'question1'>
<ul id="myList">
<li>This is the first element in the list. Deliberately making it
wrap to next line of the element.</li>
<li>This is the second element in the list</li>
<li>This is the third element in the list</li>
<li>This is the 4th element in the list</li>
</ul>
</div>
</body>