Hello! I have a little problem in Sortables.
When I create a new div using append, I cannot move it using Sortables. Other div's (created by 'hand') I can move normally. Here's my code: //Btn Add $('.btn_adicionar').click(function () { $("#conteudo_esquerda").append(conteudo_area()); atualiza_debug(); }); //Function for data conteudo_area = function() { return '<div id="grupoN" class="drag"> \ <div class="grupo_titulo"><img src="images/item.png" alt="Eventos" title="Eventos" width="22" height="22" class="item" / ><span class="titulo">NotÃcias</span></div> \ <form> \ <select id="sel_grupo" name="sel_grupo" class="sel_grupos"> \ <option value="destaques">Destaques</option> \ <option value="qualidade">Qualidade</option> \ <option value="noticias" selected="selected">NotÃcias</ option> \ </select> \ </form> \ \ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut nisl. Nulla viverra odio. </p> \ </div>'; } //Sortables code $('div.recebeDrag').Sortable({ accept : 'drag', helperclass : 'dragAjuda', activeclass : 'dragAtivo', hoverclass : 'dragHover', handle : '.grupo_titulo', opacity : 0.7, onChange : function() { atualiza_debug(); }, onStart : function() { $.iAutoscroller.start(this, document.getElementsByTagName ('body')); }, onStop : function() { $.iAutoscroller.stop(); } }); The online demo: http://72.29.82.68/~gruposof/inicial.html Another issue. The Sortables in non-dynamic div works fine in Firefox. But in IE, I can move only ONE TIME. After moved, I cannot do this again.... I tested in Firefox 3.0.5 and Internet Explorer 7.0.6001 in Windows Vista Thanks and sorry about my bad english! Rafael