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

Question

我在使MooTools Slider（http://mootools.net/docs/more/Drag/Slider）工作时遇到了很多问题。经过大量的调试后，似乎问题在于我在将它添加到dom之前创建滑块（通过执行新的Slider（sliderElement，knobElement））。当我之后创建滑块它工作正常，但这样做迫使我在我的代码中非常不合逻辑的位置创建滑块

我想做的是：

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;
}

有没有办法让它像这样工作？

Answer 1

为什么不直接将滑块放在代码中并用CSS隐藏它直到它被启用？

Answer 2

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