2012-12-03 3 views
0

토글 버튼을 동적으로 추가하고 싶습니다. 토글 버튼은 Flip toggle switch Example과 같습니다. 나는 그런 시도했지만 다른 출력을 얻을 data-role="slider" 작동하지 않습니다. 코드jquery mobile에서 토글 버튼을 동적으로 추가하십시오.

$('button').click(function() { 
    var element = $ ('#test'); 
    var toggle_button = '<select data-role="slider"><option value="off">Off</option><option value="on">On</option></select>'; 
    element.append(toggle_button); 
}); 

내 JsFiddle은 다음과 같습니다 http://jsfiddle.net/4Fk9L/1/

내가 잘못 여기에서 무엇? 여기

$('button').click(function() { 
    var element = $ ('#test'); 
    var toggle_button = '<select data-role="slider"><option value="off">Off</option> <option value="on">On</option></select>'; 
    element.append(toggle_button); 
    $('select').slider(); //call plugin function here 
}); 

요소 후 스위치 기능이 추가됩니다

+1

입니다. 슬라이더(); DOM이 준비된 후에 추가하려고하기 때문에. – EricG

+0

네 .. 솔루션입니다. 고마워. –

답변

1

호출 ... 난 당신이 ('선택')을 $를 호출해야합니다 생각 바이올린

http://jsfiddle.net/4Fk9L/2/

+2

내가 처음;) http://jsfiddle.net/4Fk9L/1/ 하하 (/ 1 참고) 롤 내가 xD를 말하는 이유를 모르겠다. – EricG

관련 문제