创建后添加到DOM时，MooTools滑块不起作用

Question

I'm having a lot of problems with getting the MooTools Slider (http://mootools.net/docs/more/Drag/Slider) to work. After a lot of debugging, it seems that the problem lies in the fact that i create the slider (by doing new Slider(sliderElement, knobElement)) before adding it to the dom. When i create the slider afterwards it works fine, but doing it this forces me to create the sliders in a very illogical location in my code

What i'd like to do is this:

createSlider: function()
{
    var sliderContainer = new Element('div');   
    var sliderTrack = new Element('div', {class: 'slider_track'});
    var sliderKnob = new Element('div', {class: 'slider_knob'});
    sliderTrack.grab(sliderKnob);

    new Slider(sliderTrack, sliderKnob);

    slidersContainer.grab(sliderTrack);

    return sliderContainer;
}

Is there any way to get it to work like this?

Answer 1

为什么不从一开始就将滑块放在代码中，并用CSS将其隐藏，直到将其启用？

Answer 2

如何将目标容器的引用传递给函数，然后先向其中添加所需的元素，然后构造滑块。