[SOLUCIONADO] Problema con append() en Jquery

[quisoc]

Hola a tod@s,
tengo un leve pero molesto problema.
Tengo un div con un id, que quiero rellenar dinámicamente cada vez que el usuario pulse un botón.
Para llenar-lo, hago: $('#loquesea').append('<div ........ ');
Y lo que agrego al div me aparece, pero al cabo de uno o dos segundos desaparece.
¿Alguna idea?

Gracias.

[mayid]

Muy raro. Mostranos el codigo completo.

[quisoc]

$('#boton-operario').click(function() {
detallar();
});

function detallar() {
$('#tabla-operarios').append('<p><span class="nom-op">DC</span><span class="horas-op">10 horas</span></p>');
}

[mayid]

pero al cabo de uno o dos segundos desaparece.

Esto es de lo mas raro. Podes publicar TODO tu javascript aqui please?

[quisoc]

El javascript es todo lo anterior. El click está en el document.ready y la función no:

$(document).ready(function(){
$('#boton-operario').click(function() {
detallar();
});
});

function detallar() {
$('#tabla-operarios').append('<p><span class="nom-op">DC</span><span class="horas-op">10 horas</span></p>');
}

[mayid]

No entiendo como puede pasar lo que te esta pasando. Pero en todo caso cambia de estrategia y en vez de llenar el campo con append, usa un div escondido, y cuando hagas click mostralo.

$(document).ready(function(){

$('#tabla-operarios').hide()

$('#boton-operario').click(function() {
detallar();
});
});

function detallar() {
$('#tabla-operarios').show();
}


<div id="tabla-operarios">
<p><span class="nom-op">DC</span><span class="horas-op">10 horas</span></p>
</div>

[quisoc]

Gracias mayid.
Asi si que funciona. Pero no me sirve, porque cada vez que se hace click en el botón, debe añadirse una una fila <p>.

[quisoc]

Vale. Ya se que pasaba. El click lo hacia en un button de tipo submit. Cambiando a tipo button no recarga la pagina.

[mayid]

Para que no recargue la pagina basta con agregar return false. Sabelo.

[ezekkiel]

Tube el mismo problema, lo solucione con

Código Javascript:

jQuery('<div></div>').appendTo('body');