javascript - MooTools Slider 在创建后添加到 DOM 时不起作用

Question

我在让 MooTools Slider (http://mootools.net/docs/more/Drag/Slider) 工作时遇到了很多问题。经过大量调试后，问题似乎在于我在将滑块添加到 dom 之前创建了滑块（通过执行 new 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

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