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