생성 후 DOM에 추가 할 때 MooTools 슬라이더가 작동하지 않습니다.

Question

MooTools 슬라이더 (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가 활성화 될 때까지 CSS로 숨기는 이유는 무엇입니까?

Answer 2

대상 컨테이너의 참조를 함수에 전달한 다음 필요한 요소를 먼저 추가 한 다음 슬라이더를 만듭니다.