Internet Explorer problem: Can move objects only once
Hello!
I'm using jQuery with the draggable interface from
http://interface.eyecon.ro.
I got a problem with the Internet Explorer (V8, not tested yet with lower versions):
Once I've moved an object, I can't move it anymore. I still can move other objects, but the rule is the same: Only one move is allowed.
Here is the relevant part of the code:
-
<style type="text/css" media="all">
#myframe {
position:absolute;
left:256px;
top:151px;
width:700px;
height:525px;
background-color:#fff;
z-index:22;
}
.vDrag {
cursor:move;
}
#name {
position:absolute;
left:0px;
top:0px;
}
#name2 {
position:absolute;
left:0px;
top:80px;
}
</style>
-
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/interface/iutil.js"></script>
<script type="text/javascript" src="/js/interface/idrag.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.vDrag').Draggable(
{
axis:'vertically',
containment:'parent'
}
);
});
</script>
-
<div id="tb">
<div id="name" class="vDrag"><img src="image1.png" /></div>
<div id="name2" class="vDrag"><img src="image2.png" /></div>
</div>
But the demo on eyecon.ro works with IE:
http://interface.eyecon.ro/demos/drag.html.
Does anybody know what's wrong with my code?