[jQuery] Sortables ie7 issue
Hello!
I'm using Sortables to drag n' drop divs in a project.
Well, all non IE browsers the code works fine!!!
The javascript code is
<span style="font-family: courier new,monospace;">$(<span style="color: rgb(0, 0, 102);">'div.recebeDrag'</span>).Sortable({</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> accept : <span style="color: rgb(0, 0, 102);">'drag'</span>,</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> helperclass : <span style="color: rgb(0, 0, 102);">'dragAjuda'</span>,</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> activeclass : <span style="color: rgb(0, 0, 102);">'dragAtivo'</span>,</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> hoverclass : <span style="color: rgb(0, 0, 102);">'dragHover'</span>,</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> handle : <span style="color: rgb(0, 0, 102);">'.grupo_titulo'</span>,</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> opacity : <span style="color: rgb(153, 0, 0);">0.7</span>,</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> onChange : <b>function</b>()</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> { </span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> atualiza_debug();</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> },</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> onStart : <b>function</b>()</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> {</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> $.iAutoscroller.start(<b style="color: rgb(0, 0, 102);">this</b>, <span style="color: rgb(102, 51, 102);">document</span>.getElementsByTagName(<span style="color: rgb(0, 0, 102);">'body'</span>));</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> },</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> onStop : <b>function</b>()</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> {</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> $.iAutoscroller.<span style="color: rgb(102, 51, 102);">stop</span>();</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> }</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> });</span>
I can move the div ONCE in IE. When I wanna move again, the div seems "dead". I can't move and the select doesn't make anything!
The live <i>problem</i>
<a href="http://72.29.82.68/~gruposof/inicial.html">http://72.29.82.68/~gruposof/inicial.html</a>
Thanks!