Dymaic use of slider issue

Dymaic use of slider issue


Hello,
I have an issue on the slider. In my case it doesn't detect the
onmouseup event on the slider handle in Firefox but detect the same
event in Internet Explorer 6.
An extract of my code :
redraw: function() {
// Create layerDiv and add it to the DOM + Create layer object :
Ok. Check in Firebug
...
this.addSliderOpacity(layerDiv, layer);
...
},
addSliderOpacity: function(layerDiv, layer){
var sliderDiv = document.createElement("div");
sliderDiv.id = "layerSwitcher_slider_" + layer.id;
sliderDiv.className = "sliders";
var sliderDiv2 = document.createElement("div");
sliderDiv2.className = "sliders2";
var sliderHandleDiv = document.createElement("div");
sliderHandleDiv.className = "ui-slider-handle";
var opacityDiv = document.createElement("div");
opacityDiv.id = "layerSwitcher_Opacity_" + layer.id;
opacityDiv.innerHTML = Math.round(layer.opacity*100)+"%";
opacityDiv.className = "opacityClass";
sliderDiv2.appendChild(sliderHandleDiv);
sliderDiv.appendChild(sliderDiv2);
sliderDiv.appendChild(opacityDiv);
layerDiv.appendChild(sliderDiv);
var jQuerySlider = jQuery(sliderDiv2);
jQuerySlider.slider({ animate: false, max: 100, min: 0, step: 1,
value: 100 });
jQuerySlider.bind('slidechange', {currentLayer: layer},
this.setOpacityLayer);
jQuerySlider.bind('slide', {currentLayer: layer},
this.setOpacityLayer);
},
The layerDiv is in the DOM before the slider adding. Moreover, if I
don't write layerDiv.appendChild(sliderDiv) but
document.body.appendChild(sliderDiv) the slider work correctly.
Anyone can help me ?
Thanks,
Julien