Question

我想動態添加一個切換按鈕。切換按鈕看起來像Flip toggle switch Example。我嘗試過，但我得到不同的輸出，如data-role="slider"不工作。代碼

$('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/

我錯在這裏做什麼？

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

這裏是小提琴

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