Llevo un tiempo con esto y no consigo resolverlo, he buscado en google pero tampoco he podido encontrar la solución.
El problema es el siguiente:
Tengo un JQUERY UI Slider en un div de la siguiente forma:
Código HTML:
<div id="contenedor"> <div id="slider"> </div> </div>
Código:
El Slider se inicializa y funciona perfectamente. El problema viene cuando realizo una llamada AJAX, y actualizo el contenido del DIV "contenedor" (es decir, borro lo que contiene y lo cambio por otro código HTML). El nuevo código HTML contiene otro DIV exactamente igual al DIV "slider". Es en este punto donde falla. Después de cargar el nuevo código HTML, vuelvo a inicializar el JQUERY UI Slider con el mismo código que la vez anterior. $('slider').slider(
{
value:1,
min:0
max: 10,
step: 1,
change: function(e,ui)
{
alert('evento change');
}
});
El problema es la función que se ejecuta con el evento CHANGE. Si hago una llamada a AJAX se ejecuta una vez, si hago dos , dos veces, tres, tres veces, y asi sucesivamente. Parece como si se fueran acumulado las funciones al evento.
¿Hay alguna forma de hacer que solo se llame una vez a la función del evento después de las llamadas AJAX?
Gracias.
